核心提示:需要三个值:窗口高度、滚动条高度、文档高度窗口高度表示为内容可视区域的高度document.documentElement.scrollHeight滚动条高度表示为滚动条在Y轴上的滚动距离docume...
需要三个值:窗口高度、滚动条高度、文档高度
窗口高度
表示为内容可视区域的高度
document.documentElement.scrollHeight
滚动条高度
表示为滚动条在Y轴上的滚动距离
document.getElement.scrollTop||document.body.scrollTop||window.pageYOffset
在此说一下各浏览器对scrollTop的兼容性
IE6/7/8
对于没有doctype声明的页面里面可以使用 document.body.scrollTop来获取scrollTop高度 对于有doctype声明的页面则可以使用document.documentElement.scrollTop Safari
它比较特别,有自己获取scrollTop的函数:window.pageYOffset Firefox:
直接用document.documentElement.scrollTop就可以
文档高度
表示为内容可视区域的高度加上溢出(滚动)的距离
document.documentElement.scrollHeight
所以判断滚动条是否到达底部,就是判断窗口高度+滚动条高度是否=文档高度