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 0 · Accepted Answer

scrollTop の最大値と documentHeight - windowHeight が与える値との間にわずかな違いがあるかもしれないので、小さな安全係数を差し引くことを提案します:

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

2 に答える 2