获取网页中滚动条滚过的长度之document.documentElement与document.body

简介: 获取网页中滚动条滚过的长度之document.documentElement与document.body


用法

var sTop=document.body.scrollTop+document.documentElement.scrollTop;

var heightTop = document.documentElement.scrollTop || document.body.scrollTop;
完美的获取scrollTop 赋值短语 :
var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

区别

document.documentElement是整个文档节点树的根节点,在网页中即html标签;

document.body是整个文档DOM节点树里的body节点,网页中即为body标签元素。

这两个值总会有一个恒为0

浏览器支持

IE6/7/8: document.documentElement.scrollTop;

IE9及以上:document.documentElement.scrollTop;

Safari: document.body.scrollTop;

Firefox:者 document.documentElement.scrollTop ;

Chrome:只有document.body.scrollTop;


相关文章
|
6月前
|
JavaScript 前端开发 Java
获取HTML元素的scrollHeight属性
获取HTML元素的scrollHeight属性
|
7月前
|
前端开发 Java UED
设置HTML元素的背景颜色
设置HTML元素的背景颜色
|
8月前
|
JavaScript 测试技术
html2canvas将document DOM节点转换为图片,并下载到本地
html2canvas将document DOM节点转换为图片,并下载到本地
|
JavaScript 前端开发
html、body、document、window 的区别
html、body、document、window 的区别
290 0
html、body、document、window 的区别
|
JavaScript
Jquery操作文本内容(三个方法:html()、text()、var())
Jquery操作文本内容(三个方法:html()、text()、var())