document.body.scrollTop与document.documentElement.scrollTop区别

最新推荐文章于 2023-06-29 16:11:10 发布
最新推荐文章于 2023-06-29 16:11:10 发布
阅读量1.6k 收藏 2
点赞数 2
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiutaixin/article/details/79042205
版权

在获取滚动高度的时候，使用document.body.scrollTop发现得到的值始终为0，于是引出了document.documentElement.scrollTop。在不同的浏览器中，有些能识别document.body.scrollTop，有些能识别document.documentElement.scrollTop。如果document.body.scrollTop为0则document.documentElement.scrollTop不为0，反之亦然。

做兼容：var rScrollTop = document.body.scrollTop+document.documentElement.scrollTop

Crazy_Goku
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.documentElement && document.documentElement.scrollTop
10-30
在JavaScript中，`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性，它们与网页文档的DOM（Document Object Model）交互，特别是涉及到页面滚动时的行为。本文将深入讲解...
document.documentElement document.documentElement.scrollTop
01-19
if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape ...
document.documentElement.scrollTop与document.body.scrollTop
Fair_feng的博客
04-28 1611
问题针对document.documentElement.scrollTop和document.body.scrollTop. 1、在IE Firefox Opera 现代浏览器的标准模式下，使用document.documentElement.scrollTop获取高度，混杂模式下，也就是没有DTD文档声明，则使用document.body.scrollTop. 2、Chrome Safari
document.body.scrollTop与document.documentElement.scrollTop
qq_38402659的博客
03-12 1031
在获取滚动高度的时候，使用document.body.scrollTop发现得到的值始终为0，于是引出了document.documentElement.scrollTop。在不同的浏览器中，有些能识别document.body.scrollTop，有些能识别document.documentElement.scrollTop。如果document.body.scrollTop为0则documen...
js scrollTop兼容性问题--document.body.scrollTop与document.documentElement.scrollTop
renxing518的博客
07-19 2482
1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop  ； Safari: safari 比较特别，有自己获取scrollTop的函数 ： w
JS基础篇-- body.scrollTop与documentElement.scrollTop
weixin_33912246的博客
01-10 205
获取当前页面滚动条纵坐标的位置：document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置：document.body.scrollLeft与document.documentElement.scrollLeft 1.各浏览器下 scrollTop的...
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定...
由document.body和document.documentElement想到的
09-06
在Web开发中，理解和掌握`document.body`和`document.documentElement`的区别至关重要，尤其是在处理页面布局和兼容性问题时。这两个对象分别代表了HTML文档的不同部分：`document.body`指的是HTML文档的实际内容...
用document.documentElement取代document.body的原因分析
09-05
通过条件语句判断浏览器支持的滚动位置获取方式，既考虑了现代浏览器的 `window.pageYOffset` 和 `window.pageXOffset`，也考虑了老式浏览器的 `document.documentElement.scrollTop` 和 `document.body.scrollTop`...
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
10-18
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
document.documentElement.scrollTop
weixin_44283589的博客
08-05 7459
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。用body查看，其中clientHeight即为body的css高度，而不是：document.body.scrollTop;...
关于document.documentElement.scrollTop和document.body.scrollTop的区别
源辰_付鹏程
11-18 4343
今天在做项目的时候，因为要用到图片滚动固定的功能，所以用到了
vue js document.documentElement.scrollTop获取一直为0的解决方法
daishaochen的博客
09-15 6005
vue js document.documentElement.scrollTop获取一直为0的解决方法，vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。
滚动高度和位置
qq_53245972的博客
09-28 1519
js 滚动高度和位置，返回顶部，导航栏固定案例
h5滑动底部兼容安卓document.documentElement.scrollTop
qq_30351747的博客
06-29 898
h5滑动底部兼容安卓document.documentElement.scrollTop
javascript滚动到顶部scrollTop用法
热门推荐
weixin_50367873的博客
04-14 2万+
首先了解下列相关属性 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scrollHeight; 网页被卷去的高：
JavaScript中的scrollTop（js中的scrollTop，滚动到顶部，javascript滚动到顶部）
weixin_65793170的博客
03-30 1万+
scrollTop是JavaScript中一个非常有用且重要的方法，它用于获取或设置元素的垂直滚动条位置，实现各种滚动相关的功能，无论是回到顶部、滚动到指定位置还是监听滚动事件，都需要用到scrollTop，在本文中，我们将深入了解scrollTop的用法和实际应用，这是一张scrollTop的关系图，仅供参考
let top = document.documentElement.scrollTop || document.body.scrollTop为啥写两个怎么理解
最新发布
07-23
它使用了两个条件，分别是`document.documentElement.scrollTop`和`document.body.scrollTop`。 `document.documentElement.scrollTop`是获取文档根元素（即`<html>`元素）的滚动距离。在大多数现代浏览器中，这个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值