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

时间:2008-09-30 02:28:54

标签: javascript

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

真的,顶部相当容易,因为
    scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
如果你在顶部,则为零。问题是scrY似乎返回滚动条的顶部,而不是底部,所以不是得到相当于文档高度的东西(以像素为单位)我可能是文档的高度减去了大小滚动条。

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

2 个答案:

答案 0 :(得分:5)

答案 1 :(得分:2)

总结FF 3.5中的作用:

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

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