javascript 在 firefox 中不起作用

Question

JavaScript：

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

CSS：

#footer {
    display: none;
}

当一直向下滚动到底部时，这应该会在页面底部显示一个隐藏的div 。 出于某种原因，隐藏的div从未在 Firefox 中显示。是否有另一种方法使用 jQuery 来创建相同的效果？

编辑：这是在 Firefox 中无法正常工作的页面

http://safe.tumblr.com/theme/preview/34069

Answer 1

你需要使用这个：

$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       $('#footer').show();
   }
});

Answer 2

scrollTop 的最大值与 documentHeight - windowHeight 给你的值之间可能存在细微差别，因此我建议减去一个小的安全系数：

$(window).scroll(function(){
    if ($(window).scrollTop() >= $(document).height() - $(window).height() - 3) {
        $('#footer').show();
    }
});