Javascript 如何检测客户端是否滚动到网页的顶部或底部?

Javascript 如何检测客户端是否滚动到网页的顶部或底部?,javascript,Javascript,我正在寻找一种跨浏览器的方法来检测客户端web浏览器是否一直滚动到屏幕的底部(或顶部) 实际上,顶端相当容易,因为 scrY=window.pageYOffset|document.body.scrollTop|document.documentElement.scrollTop 如果你在顶端,则为零。问题是,scrY似乎返回滚动条的顶部,而不是底部,因此没有得到与文档高度(以像素为单位)相等的内容,而是文档的高度减去滚动条的大小 是否有一种简单的跨浏览器方式来确定用户是否已向下滚动到文档/窗口

我正在寻找一种跨浏览器的方法来检测客户端web浏览器是否一直滚动到屏幕的底部(或顶部)

实际上,顶端相当容易,因为
scrY=window.pageYOffset|document.body.scrollTop|document.documentElement.scrollTop

如果你在顶端,则为零。问题是,scrY似乎返回滚动条的顶部,而不是底部,因此没有得到与文档高度(以像素为单位)相等的内容,而是文档的高度减去滚动条的大小

是否有一种简单的跨浏览器方式来确定用户是否已向下滚动到文档/窗口的底部?最具体地说,我了解一般的滚动条操作(设置、移动等),但如何获得滚动条底部相对于窗口/文档底部的位置增量


为了确保元素可见,您可以使用FF 3.5中工作原理的总结:

function isTop() {
    return window.pageYOffset == 0;
}

function isBottom() {
    return window.pageYOffset >= window.scrollMaxY;
}

scrollMaxY在Webkit中不可用