document.documentElement.scrollTop || document.body.scrollTop || window.pageXOffset

最新推荐文章于 2022-09-28 19:24:03 发布
最新推荐文章于 2022-09-28 19:24:03 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： Javascript 文章标签： 滚动条滚动的距离 pageYOffse scrollTop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Little_Pig_Bug/article/details/81939168
版权

document.documentElement.scrollTop/document.body.scrollTop

document.documentElement对应的是获取html，所以他获取的位置是正确的，document.body.scrollTop是对应的body,在标准w3c下，document.body.scrollTop恒为0,所以此时应该用document.documentElement.scrollTop。

window.pageYOffset
获取垂直方向上，滚动条距离顶部的偏移量,查阅资料,此时兼容性最好，我的谷歌浏览器的版本是版本 68.0.3440.106（正式版本） （64 位），document.body.scrollTop的值一直是0，其他都能获取到正确的值

Little_Pig_Bug
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue watch 修改滚动条_vue实现滚动监听，点击瞄点平滑滚动，控制内嵌滚动条滚动...
weixin_42561143的博客
02-11 1153
滚动效果当页面滑动时，左边导航栏会自动定位到当前标题，一级标题展开，二级标题的字体变红色，字体前面有一个小图标。上图。。。。。。。。。。。Html代码{{NItem1.ordered}}{{NItem1.title}} {{NItem1.ordered}}.{{NItem2.ordered}}{{NItem2.tit...
用document.documentElement取代document.body的原因分析
09-05
通过条件语句判断浏览器支持的滚动位置获取方式，既考虑了现代浏览器的 `window.pageYOffset` 和 `window.pageXOffset`，也考虑了老式浏览器的 `document.documentElement.scrollTop` 和 `document.body.scrollTop`...
js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
zgjxyszh的博客
03-13 4807
<!DOCTYPE html> <html> <head> <title>js兼容写法为var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;</title> <meta charse...
JS 滚动屏幕至顶端
qq_41501817的博客
01-11 3822
JS 滚动屏幕至顶端 JS滚动屏幕到顶端的几种方法 <a href="#"></a>与带id的元素绑定使用 document.documentElement.scrollTop = 0 / document.body.scrollTop = 0 scrollTo(0,0) 一般用于相对于整个页面来说 scrollBy(x,y) 一般用于相当于当前元素的滚动 ，可以传入当前元素相对于顶端的值，即document.documentElement.scrollTop scrollIn
浏览器滚动条高度的获取
weixin_45727472的博客
06-27 4606
浏览器滚动条高度的获取 开始 最近做业务需求时，需要监听滚动条scoll事件，获取滚动条高度，用的document.body.scrollTop发现得到的值一直是0，后来做了一些查询，挖出不少秘密，做次笔记，以免忘掉 先放结论： 1、对有doctype申明的页面 可以使用document.documentElement.scrollTop 2、没有doctype申明的页面使用：document.body.scrollTop 3、safari:特例独行：使用 window.pageYOffset 所以我们可以
document.documentElement.scrollTop
weixin_44283589的博客
08-05 7448
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。用body查看，其中clientHeight即为body的css高度，而不是：document.body.scrollTop;...
javascript经典特效---显示页面窗口参数.rar
03-08
在一些老版本的浏览器中，可能需要使用`document.documentElement.scrollLeft` 和 `document.documentElement.scrollTop`。 3. **浏览器信息**：`navigator.userAgent` 返回一个字符串，包含了用户浏览器的详细信息...
javascript弹出带文字信息的提示框效果_.docx
10-09
document.documentElement : document.body; pagex = (isapple == 1 ? 0 : (ie5 ? iebody.scrollLeft : window.pageXOffset)); pagey = (isapple == 1 ? 0 : (ie5 ? iebody.scrollTop : window.pageYOffset)); ...
JS中的BOM应用
11-29
此外，还可以使用`window.innerWidth`和`window.innerHeight`来获取包含滚动条的视口尺寸，以及`window.pageXOffset`和`window.pageYOffset`获取页面相对于视口的水平和垂直滚动位置。通过这些属性，开发者可以实现...
Javascript 获取滚动条位置等信息的函数
10-29
这个函数首先尝试获取`document.documentElement`的滚动值，如果不行，则退而求其次尝试获取`document.body`的滚动值。函数返回一个对象，包含了顶部(`t`)、左边(`l`)的滚动位置以及窗口宽度(`w`)和高度(`h`)。 ```...
解决VUE中document.body.scrollTop为0的问题
12-09
Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。 页面没有DTD，即没指定DOCTYPE时，使用document.body。 IE和Firefox都是如此。 以上这篇解决VUE中document.body.scrollTop为0的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，
滚动高度和位置
qq_53245972的博客
09-28 1516
js 滚动高度和位置，返回顶部，导航栏固定案例
javascript 滚动_使用JavaScript使内部链接平滑滚动
12-15 129
javascript 滚动 在浏览较长的文档时，当用户单击跳到同一文档中另一个位置的链接时，常常会感到困惑或迷失方向。 它们是在同一页面上还是在不同页面上？ 他们应该从这里滚动更多吗？ 这是怎么回事？ 解决此问题的方法是像这样将用户滚动到整个文档中的链接位置。 在本教程中，我们将使用少量JavaScript来确保文档内部的链接将用户滚动到目的地，而不是直接跳转到目的地并使用户感到困惑。 ...
为什么需要document.documentElement.scrollTop || document.body.scrollTop的写法
qq_41494959的博客
02-18 2146
document.documentElement || document.body为了消除标准模式和怪异模式之间的差别而做的兼容。 当我们在获取滚动位置时，常常使用document.documentElement.scrollTop来获取垂直滚动的偏移值，document.documentElement.scrollLeft来获取水平滚动的偏移值。 但是为什么会常常见到document.docum...
document.documentElement.scrollTop(获取滚动条位置,超细)
qq_61686552的博客
06-21 3274
document.documentElement.scrollTop的使用方法还有解释
解决window.pageYOffset，document.documentElement.scrollTop，document.body.scrollTop获取距离顶部距离都为0的问题
如需咨询可联系我，V：chen2318341674
05-27 1485
在写功能需要获取并设置距离顶部距离的时候，发现： window.pageYOffset document.documentElement.scrollTop document.body.scrollTop 以上三种情况都获取不到距离顶部距离，并且在设置的时候也无效。 解决办法： 将父元素div上的overflow-x / overflow-y值设置为visible，或者删掉。 这样就可以获取到了。 ...
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
scroll 方法 获取滚轴距离顶部高度 滚动
web修理工
10-28 1972
$(window).scroll(function(){ 　　var supportPageOffset = window.pageXOffset !== undefined; // 判断是否支持pageXOffset 　　var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat"); // 判断渲染模式是不是标准模式 　　var y = supportPageOffset ? window.pageYOffset : isCSS1Com
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...
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0如何向上取整
最新发布
05-28
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; scrollTop = Math.ceil(scrollTop); ``` 在这段代码中，我们首先获取当前页面滚动的垂直距离，然后...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值