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

时间:2014-06-29 09:48:12

标签: jquery html

我找到了这段代码http://jsfiddle.net/5ADzD/1/。它非常适合我。但我希望div停在页脚。你必须在那里插入什么代码?谢谢你的帮助。

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);

2 个答案:

答案 0 :(得分:0)

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

if ($(window).scrollTop() == $(document).height() - $(window).height()) {       
             $('#navwrap').css({'position': 'absolute', 'bottom': '0px','top':'auto', 'width': '100%'}); 
}
希望你正在寻找这个。

答案 1 :(得分:0)

试试这个:

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/