E/FF/Chrome下document.documentElement和document.body的 scrollHeight/scrollTop/clientHeight 以及是否已拉到页面最底部
DTD已声明
IEdocument.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 浏览器滚动部分高度,document.body.scrollTop 始终为0document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度FFdocument.documentElement.scrollHeight 浏览器所有内容高度 ,document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 浏览器滚动部分高度,document.body.scrollTop 始终为0document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度Chromedocument.documentElement.scrollHeight 浏览器所有内容高度, document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度document.documentElement.clientHeight 浏览器可视部分高度,document.body.clientHeight 浏览器所有内容高度DTD未声明IEdocument.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度document.documentElement.clientHeight 始终为0,document.body.clientHeight 浏览器可视部分高度FFdocument.documentElement.scrollHeight 浏览器可视部分高度, document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度document.documentElement.clientHeight 浏览器所有内容高度,document.body.clientHeight 浏览器可视部分高度Chromedocument.documentElement.scrollHeight 浏览器可视部分高度,document.body.scrollHeight 浏览器所有内容高度document.documentElement.scrollTop 始终为0,document.body.scrollTop 浏览器滚动部分高度document.documentElement.clientHeight 浏览器所有内容高度,document.body.clientHeight 浏览器可视部分高度浏览器所有内容高度即浏览器整个框架的高度,包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和
浏览器滚动部分高度即滚动条卷去部分高度即可视顶端距离整个对象顶端的高度。
综上1、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0,所以可以用这两个的和来求scrollTop
2、scrollHeight、clientHeight 在DTD已声明的情况下用documentElement,未声明的情况下用body
3、document.documentElement.scrollTop在未声明的情况下始终为0,所以可以用来判断是否声明了DTD;
所以,是否已拉到页面最底部,可以用如下代码