获取网页中滚动条滚过的长度之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;


相关文章
|
2月前
|
JavaScript 前端开发 Java
获取HTML元素的scrollHeight属性
获取HTML元素的scrollHeight属性
|
3月前
|
前端开发 Java UED
设置HTML元素的背景颜色
设置HTML元素的背景颜色
去除html中的滚动条
去除html中的滚动条
68 0
|
4月前
|
JavaScript 测试技术
html2canvas将document DOM节点转换为图片,并下载到本地
html2canvas将document DOM节点转换为图片,并下载到本地
|
容器
html中元素居中的五种方法
html中元素居中的五种方法
489 0
|
前端开发 JavaScript API
JavaScript 基于offsetHeight和clientHeight判断是否出现滚动条
JavaScript 基于offsetHeight和clientHeight判断是否出现滚动条
89 0
|
JavaScript 前端开发
html、body、document、window 的区别
html、body、document、window 的区别
237 0
html、body、document、window 的区别
|
存储 JSON 关系型数据库
文档(Document)
文档(Document)
138 0