解决VUE中document.body.scrollTop为0

最新推荐文章于 2022-09-15 10:46:47 发布
最新推荐文章于 2022-09-15 10:46:47 发布
阅读量1.8w 收藏 3
点赞数 5
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_24729895/article/details/79049066
版权
本文探讨了在Vue应用中遇到的document.body.scrollTop始终为0的问题，并揭示了解决这一现象的原因在于文档类型定义（DTD）。文章指导开发者如何根据不同浏览器的行为选择正确的属性来获取滚动位置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vue中document.body.scrollTop的值总为零的解决办法

最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0

但是发现document.body.scrollTop一直是0。

查资料发现是DTD的问题。

页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。

页面没有DTD，即没指定DOCTYPE时，使用document.body。

IE和Firefox都是如此。

解决vue3项目中实现eltable滑动底部加载数据功能在‘.el-table__body-wrapper‘添加scroll监听失效导致scrollTop始终为0的问题
iOUNYU的博客
03-07 383
解决vue3项目中实现eltable滑动底部加载数据功能在'.el-table__body-wrapper'添加scroll监听失效导致scrollTop始终为0的问题
vue 之 实现页面滑动到底部自动加载更多的效果、解决VUE 移动端网页中document.documentElement.scrollTop为0 的问题，兼容写法
夜阑珊妖妖
04-04 2293
解决VUE 移动端网页中document.documentElement.scrollTop为0 的问题，兼容写法 在做移动端网页时遇到的问题：Vue中document.documentElement.scrollTop的值总为零，解决办法如下： let top = document.documentElement.scrollTop || document.body.scrollTop || ...
解决VUE中document.body.scrollTop为0的问题
10-18
今天小编就为大家分享一篇解决VUE中document.body.scrollTop为0的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 中监听document.body.scrollTop 值总为0的解决方法
yw1376394716的博客
06-11 1万+
最近在vuex项目中碰到了这个问题，监听页面滚动时 document.body.scrollTop一直都是0，捣鼓了好久最后找到了几个解决方法 方法一：浏览器兼容有问题 写个兼容方法就行 // chrome || firefox || IE： // document.documentElement.scrollTop document.body.scrollTop // safari: window.pageYOffset let scrollTop= document.documentEleme
VUE中`DOCUMENT.BODY.SCROLLTOP`的值总为零的解决办法
柠檬说葡萄你好酸
04-24 2111
最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。 页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此...
document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
weixin_34008805的博客
03-14 362
转自http://wo13145219.iteye.com/blog/2001598一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElem...
Document.body.scrollTop的值总为零的快速解决办法
09-02
在JavaScript中，`document.body.scrollTop` 是一个常用于获取网页滚动条顶部到页面内容顶部的距离的属性。然而，有时候你会发现这个属性的值始终为零，即使页面已经进行了滚动。这通常与文档类型声明（DOCTYPE）...
vue中使用window.pageYOffset document.documentElement.scrollTop document.body.scrollTop滚动时 值都为0 怎么解决
最新发布
06-09
在 Vue 中，如果您希望获取窗口的滚动位置，可以使用 `window.pageYOffset` 或者 `document.documentElement.scrollTop`，这两个属性在现代浏览器中已经被广泛支持使用。 如果这些属性的值始终为0，可能是因为您的...
vue js document.documentElement.scrollTop获取一直为0的解决方法
daishaochen的博客
09-15 6379
vue js document.documentElement.scrollTop获取一直为0的解决方法，vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。
document body scrollTop的值总为零的解决办法
gang456789的博客
09-28 4792
有一个功能需要判断返回顶部按钮是否显示。JS代码如下： var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById("sm_top").style.display="block"; }else{ document.getElementById("sm_top").s
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body.scrollTop + “px”; } 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准，DTD 当然是不能少的。具有 D
body的scrollTop一直是0
qq_38188595的博客
04-22 387
html scroll的坑,body 的滚动条数据一直是0
滚动事件：document.body.scrollTop总是0的原因
weixin_33918114的博客
03-09 790
document.body.scrollTop 转换成document.documentElement.scrollTop 具体原因可见：click here 转载于:https://www.cnblogs.com/powerplay/p/8536694.html
document.body.scrollTop为零
weixin_30684743的博客
10-02 59
document.body.scrollTop为零，解决方法一： 把DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 改为： DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....
document.body.scrollTop总是0的问题及最佳解决方案
hijack-x's Blog
04-07 5782
在写javascript时遇到document.body.scrollTop总是0，很苦恼，查资料得知原来是!DOCTYPE设置的问题
为什么scrollTop设置后一直为0的解释和解决方案（精品）
热门推荐
kouryoushine的博客
08-19 5万+
背景 做前端希望页面能跳转到 某一位置用到了scrollTop属性。可是发现给某个div设置该属性后，一致为0。找了很多方案，但不都适合自己，或者说不知道是否适合。 Why scrollTop==0? 总而言之，所有情况都是因为你给一个没有滚动条的元素设置滚动条的位置。 什么时候存在滚动条？ 页面布局我们可以简单理解为 div盒子套div盒子。当内侧div盒子的高度大于外部时，外部的div就会出现...
用document.body.scrollTop总是零的原因
forlin333的博客
09-26 2655
我前几天写了一个页面，在写一个返回顶部的功能时，用document.body.scrollTop获取滚动条当前位置时，得到的值总是为零。 然后我去百度了一下，在 http://blog.csdn.net/lploveme/article/details/7011174 知道了这个问题，然后我照着用了但是还是没有解决我的问题，不管是document.body.scrollTop还是docume
document.documentElement.scrollTop为零
minpad的博客
04-18 1477
var search = function () { /*1.默认固定顶部透明背景*/ var searchBox = document.querySelector('.headBox'); var banner = document.querySelector('.banner'); var height = banner.offsetHeight; co...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值