谷歌浏览器中的documetn.documentElement.scrollTop

最新推荐文章于 2023-06-29 16:11:10 发布
最新推荐文章于 2023-06-29 16:11:10 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： javascript 文章标签： 浏览器 jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/d945332077/article/details/8024906
版权
昨天在帮别人项目中实现回顶操作的时候发现了一个问题，回顶嘛，如果是用js来实现一般都是用到document.documentElement.scrollTop这个函数，但是不知道读者有没有发现，在谷歌下面的document.documentElement.scrollTop始终都是为0的，经过查找资料发现原来document.documentElement.scrollTop和document.body.scrollTop在任何浏览器中都会只有一个会起作用，所以综合了一下，可以使用document.documentElement.scrollTop + document.body.scrollTop来取得这个具体顶部的高度，当然你要使用jquery的scrollTop()方法我也不会阻拦你
d945332077
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.documentElement && document.documentElement.scrollTop
10-30
document.documentElement && document.documentElement.scrollTop
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
weixin_44283589的博客
08-05 7174
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。用body查看，其中clientHeight即为body的css高度，而不是：document.body.scrollTop;...
h5滑动底部兼容安卓document.documentElement.scrollTop
qq_30351747的博客
06-29 819
h5滑动底部兼容安卓document.documentElement.scrollTop
Element属性 ：获取，设置元素滚动距离，scrollHeight,scrollTop, scrollLeft属性详解
m0_37158404的博客
05-25 3881
Element.scrollTop - Web APIs | MDN Element.scrollTop属性可以获取或设置一个元素的内容垂直滚动的像素数。 scrollTop 可以被设置为任何整数值，同时注意： 如果一个元素不能被滚动（例如，它没有溢出，或者这个元素有一个"non-scrollable"属性），scrollTop将被设置为0。 设置scrollTop的值小于0，scrollTop被设为0 如果设置了超出这个容器可滚动的值,scrollTop会被设为最大值。
scrollTop是什么及用法说明
Chenny的blog
07-17 986
scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度, scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。 通过一个实例演示来讲述scrollTop属性是什么 下面的演示中，外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时，有部分内容会隐没
各浏览器页面滚动值(scrollTop)的获取与设定。
juse__we的博客
01-24 3733
经典获取元素坐标图 博客目录的一个最主要的功能就是实现点击标题页面滚动，因为我们要滚动到页面某个标题，所以需要计算出滚动这个元素的具体绝对位置，而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量，此处不适用。 此处应使用浏览器原生提供的 getBoundingClientRect 接口，此函数返回的是元素距离浏览器各边距的绝对位置，跟是什么定位类型的无关，
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定...
关于window.pageYOffset和document.documentElement.scrollTop
09-05
window.pageYOffset：Netscape属性，指的是滚动条顶部到网页顶部的距离
为什么需要document.documentElement.scrollTop || document.body.scrollTop的写法
qq_41494959的博客
02-18 2111
document.documentElement || document.body为了消除标准模式和怪异模式之间的差别而做的兼容。 当我们在获取滚动位置时，常常使用document.documentElement.scrollTop来获取垂直滚动的偏移值，document.documentElement.scrollLeft来获取水平滚动的偏移值。 但是为什么会常常见到document.docum...
document.body.scrollTop用法
12-16
document.body.scrollTop用法
js中scrollTop()方法和scroll()方法用法示例
11-23
本文实例讲述了js中scrollTop()方法和scroll()方法用法。分享给大家供大家参考，具体如下： 设置滚动条据顶部的高度： $("div").scrollTop(100); //把 scroll top offset 设置为 100px 获得滚动条的高度： $("div").scrollTop()；//获得 scroll top offset 触发滚动事件 $(selector).scroll() 将函数绑定到滚动事件中： $(selector).scroll(function) 监听滚动事件，判断当滚动到距离顶部700px时，将其position改为fixed： $(w
vue js document.documentElement.scrollTop获取一直为0的解决方法
daishaochen的博客
09-15 5770
vue js document.documentElement.scrollTop获取一直为0的解决方法，vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。
document.documentElement.scrollTop用法
ThomasKwan的博客
09-28 4956
要获取当前页面的滚动条纵坐标位置， 用：document.documentElement.scrollTop;     而不是：document.body.scrollTop;     documentElement 对应的是 html 标签，而 body 对应的是 body 标签。     在标准w3c下，document.body.scrollTop恒为0，需要用document.do...
关于document.documentElement.scrollTop和document.body.scrollTop的区别
源辰_付鹏程
11-18 4340
今天在做项目的时候，因为要用到图片滚动固定的功能，所以用到了
JavaScript学习笔记之 document.body.scrollTop用法
热门推荐
jiabin_xu的博客
06-01 3万+
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWid...
document.documentElement.scrollTop为0
最新发布
07-27
document.documentElement.scrollTop为0的原因可能是因为在Vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所以一直是0。\[1\]解决这个问题的方法...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值