Question

好的，我的老板只是要求做一个移动的页脚（除了原来的静态页脚），当你向下滚动时随着页面一起移动然后当你到达页面底部时消失，我根本不知道是什么建议？

谢谢

Answer 1

$(window).scroll(function () {
   if ($(window).scrollTop() + $(window).height() == $(document).height()) 
       $(".footer").css({"display": "none"});
   else if (!$(".footer").is(":visible"))
       $(".footer").css({"display": "block"});
});

.footer {
 position:fixed; height:20px; width:100%;
 background:blue; bottom:0; left:0;  z-index:1;
}

http://jsfiddle.net/4WWhf/1/

Answer 2

你真的应该发布一些代码，以便人们可以看到你想要实现的目标。

尝试使用固定页脚将其锁定在屏幕上。

.Footer {
    position: fixed;
    bottom: 0;
 }

当您希望它不再被修复时，使用javascript将其更改为绝对位置。我无法向您展示代码建议，因为我不知道您的最终目标。

Answer 3

您可以设置CSS以将页脚放在固定位置：

#footer {
    position:fixed;
    bottom:0px;
    left:0px;
}

然后使用jQuery确定何时到达页面底部。

$(window).scroll(function(){ 
    if($(window).scrollTop() == ($(document).height() - $(window).height())) $("#footer").fadeOut();
})

如果您需要考虑不滚动的页面，则需要额外的逻辑。

但如果你能解释更多你的最终目标甚至向我们展示它会很方便吗？

移动页脚在到达终点时消失

3 个答案: