document.documentElement.scrollTop

获取滚动条位置：document.documentElement.scrollTop
获取当前页面的滚动条纵坐标位置：document.documentElement.scrollTop;
而不是：document.body.scrollTop;

js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，
如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。

而 body 对应的是 body 标签。
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;

用body查看，其中clientHeight即为body的css高度，

用documentElement，其中clientHeight即为html的css高度

一般在定义时，代码如下：

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;(||这个是定义时必须加的或者而不是定义时的另一种写法)

所以在编程的时候，请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}

document.documentElement.scrollTop相关推荐

将h5用HBuilderX打包成安卓app后，document.documentElement.scrollTop的值始终为0或者document.body.scrollTop始终为0...
1 let time = setInterval(() => { 2 let scroll = document.documentElement.scrollTop || document.bo ...
【兼容性解决】页面滚动距离document.documentElement.scrollTop兼容性问题
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name ...
chrome不认documentElement.scrollTop
视频课堂https://edu.csdn.net/course/play/7621 在页面显示浮动层时,IE.Firefox下都能显示正常,但Chrome下出现了浮动层永远显示在上面,经过仔细分析,发 ...
document.body.scrollTop的值为零问题
document.body.scrollTop的值为零问题问题背景:在做监听滚动到底部事件时,发现document.body.scrollTop的值一直为零网上查资料发现是各个浏览器下对是否有声明 ...
document.body.scrollTop以及一些备忘
网页可见区域宽:document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offse ...
转document.documentElement和document.body的区别
网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: 转至:http://www.cnblogs.com/ckmouse/ar ...
js中document.documentElement 和document.body 以及其属性 clientWidth等
在设计页面时可能经常会用到固定层的位置,这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标,这里可能就会用到document .body.scrollTop等属性,但是此属性在xhtml标准 ...
document.body.scrollTop用法
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...
document.documentElement和document.body的区别
网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动: <div id="div" style=&qu ...

document.documentElement.scrollTop

document.documentElement.scrollTop相关推荐

最新文章

热门文章