Div贴近页面顶部滚动并停在页脚 - jquery

我发现这个代码http://jsfiddle.net/5ADzD/1/。它几乎适合我。但我希望div停在页脚处。你必须在那里插入哪些代码？感谢您的帮助。Div贴近页面顶部滚动并停在页脚 - jquery

function fixDiv() { 
var $div = $("#navwrap"); 
if ($(window).scrollTop() > $div.data("top")) { 
    $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
} 
else { 
    $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'}); 
}

}

$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load 
$(window).scroll(fixDiv);

来源

2014-06-29 user3691753

你是什么意思 “我想在div停在页脚” 的意思？ –

我想贴div #navwrap停在页脚。 Chceck这个http://jsfiddle.net/5ADzD/441/ – user3691753

我不知道为什么你需要这个功能，还是你的工作演示是here

if ($(window).scrollTop() == $(document).height() - $(window).height()) {  
      $('#navwrap').css({'position': 'absolute', 'bottom': '0px','top':'auto', 'width': '100%'}); 
}

希望你正在寻找这一点。

来源

2014-06-29 10:07:51

这段代码运行良好，但我想停止#navwrap当达到特定点像#footer – user3691753

我不明白你真的need.check这个fiddle.http： //jsfiddle.net/Kkv7X/ –

像这样的http://codepen.io/jakestuts/full/EzKau，这个例子显示float div在帖子结束时停止。 – user3691753

试试这个：

function fixDiv() { 
    var $div = $("#navwrap"); 
    if ($(window).scrollTop() > $div.data("top")) { 
     $('#navwrap').css({ 
      'position': 'fixed', 
      'top': '0', 
      'width': '100%' 
     }); 
    } if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     $('#navwrap').css({ 
      'position': 'fixed', 
      'bottom': '0', 
      'top' : 'auto', 
      'width': '100%' 
     }); 
    } 
} 
$("#navwrap").data("top", $("#navwrap").offset().top); // set original position on load 
$(window).scroll(fixDiv);

的jsfiddle： http://jsfiddle.net/Nj4Q8/

来源

2014-06-29 10:10:56 imbondbaby

Div贴近页面顶部滚动并停在页脚 - jquery

回答

相关问题