首先要清楚3个定义:
1、文档高度:这是整个页面的高度
2、可视窗口高度:这是你看到的浏览器可视屏幕高度
3、滚动条滚动高度:滚动条下滑过的高度
所以, 当 文档高度 = 可视窗口高度 + 滚动条高度 时,滚动条正好到底.
那我们就来定义三个不同的方法,分别获取上面3个高度值
//文档高度
function getDocumentTop() {
var scrollTop = 0,
bodyScrollTop = 0,
documentScrollTop = 0;
if (document.body) {
bodyScrollTop = document.body.scrollTop;
}
if (document.documentElement) {
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
11
}
//可视窗口高度
function getWindowHeight() {
var windowHeight = 0;
if (document.compatMode == "CSS1Compat") {
windowHeight =