javascript - 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 中无法正常工作的页面

score 2 · Accepted Answer

你需要使用这个：

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

score 0 · Accepted Answer

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

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

2 回答 2