當在文檔末尾添加視口高度和窗口scrollTop位置時，jQuery $（document.body）.height（）不相同

Question

當我向下滾動到文檔末尾時，文檔高度如何小於窗口滾動頂部值+視口高度。 他們不應該一樣嗎？ 我在最后幾個小時內都在為此苦苦掙扎，但仍無法掌握。

$(function(){               
            vpw = parseFloat($(window).width());
            vph = parseFloat($(window).height());
            appearh = parseFloat(vph*0.4);
            dh  = $(document).height();
            footerh = $('#footer-area').height();
            footTop = dh - footerh;
            resizeDiv(vpw, vph, appearh);


            $(window).scroll(function(){
                scrollPos = $(window).scrollTop();
                jj = vph + scrollPos;
                console.log(scrollPos + '+' + vph + '=' + jj + ' is (at the bottom) ' + dh);
                if(scrollPos > appearh){
                    addWin = parseFloat(dh - vph);
                    $('#trends').removeClass('hidetrends',2000).addClass('showtrends',2000);
                    /*console.log( dh + '>' + scrollPos + ';' + addWin );
                    if(scrollPos >= 1672){
                        $('#trends').css('position', 'relative');
                    }else if(scrollPos <= 1672){
                        $('#trends').css('position', 'fixed');
                    }*/
                }else{
                    $('#trends').removeClass('showtrends',2000).addClass('hidetrends',2000);
                }

            });
        });
        window.onresize = function(event) {
            resizeDiv(vpw, vph, appearh);
        }
        function resizeDiv(vpw, vph, appearh) {
            $("#full-width").css({"height": vph + "px"});
        }

Answer 1

嘗試這個：

$(window).scroll(function(){
     vpw = parseFloat($(window).width());
         vph = parseFloat($(window).height());
         appearh = parseFloat(vph*0.4);
         dh  = $(document).height();
         footerh = $('#footer-area').height();
         footTop = dh - footerh;
         resizeDiv(vpw, vph, appearh);
         scrollPos = $(window).scrollTop();
         jj = vph + scrollPos;
         console.log(scrollPos + '+' + vph + '=' + jj + ' is (at the bottom) ' + dh);
....

這背后的原因是我認為在滾動時實際設置變量是明智的