我正在寻找一种跨浏览器的方法来检测客户端Web浏览器是否一直滚动到屏幕的底部(或顶部)。
真的,顶部相当容易,因为
scrY = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop
如果你在顶部,则为零。问题是scrY似乎返回滚动条的顶部,而不是底部,所以不是得到相当于文档高度的东西(以像素为单位)我可能是文档的高度减去了大小滚动条。
是否有一种简单的跨浏览器方式来确定用户是否已向下滚动到文档/窗口的底部?最具体地说,我理解一般滚动条操作(设置,移动它等),但是如何获得滚动条底部相对于窗口/文档底部的增量。
答案 0 :(得分:5)
http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html
http://www.sitepoint.com/article/preserve-page-scroll-position/
http://codepunk.hardwar.org.uk/ajs02.htm
为了确保元素可见,您可以使用.scrollIntoView method
答案 1 :(得分:2)
总结FF 3.5中的作用:
function isTop() {
return window.pageYOffset == 0;
}
function isBottom() {
return window.pageYOffset >= window.scrollMaxY;
}