当页面向下滚动时,窗口底部的固定div将保持在页脚上方

时间:2015-01-15 19:48:02

标签: jquery html css footer sticky

我希望在任何时候都能留在窗户底部。当用户向下滚动到页面底部时,相同的栏将保持固定,直到页脚显示,然后暂时移除其固定位置,以保持在页脚上方,直到用户向上滚动并再次保持固定。

我已经在另一个项目中使用导航栏(从窗口顶部计算)获得了类似的效果,但是由于scrollBottom似乎不存在而无法反过来。

这是工作标题代码:

var nav = $('.nav');
    fixed = 'nav-fixed';
    hh = $('header').height();

$(window).scroll(function() {
    if( $(this).scrollTop() > hh ) {
        nav.addClass(fixed);
    } else {
        nav.removeClass(fixed);
    }
});

调用触发器类时:

.fixed {
    position: absolute;
    z-index: 10
    bottom: 0;
}

如何为页脚反转?

非常感谢,杰克。

0 个答案:

没有答案