$(document).height()和$(window)之间有什么区别.height()

Question

(希望它不是重复的,因为我在搜索和谷歌搜索时没有找到它)

当滚动条到达后一个div的底部时,我试图找到如何检测某些固定高度的div('#div').我应该使用$(document).height()并$(window).height()检测此事件吗？

编辑:我的div是固定高度,我设置自动滚动,所以如何处理？如果我想使用$('#div').height(),这个高度是固定的....

Answer 1

在.height()文档中:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

在你的情况下,听起来你可能想要的高度document而不是window.可以这样想:window高度就是你所看到的,但document高度包括低于或高于的所有高度.

例

编辑:

在scrollTop()方法的帮助下检查滚动的顶部和底部:

var bottom = $(document).height() - $(window).height();

$(document).scroll(function(){
    var position = $(this).scrollTop();
    if (position === bottom) {
        console.log("bottom");
    }else if(position === 0){
        console.log("top");   
    } else {
        console.log("scrolling");
    }
});

Answer 2

文档高度是整个文档的整个高度,甚至是可视区域之外的高度.如果您有一个长页面,这可能是数千像素.窗户高度只是可视区域.