要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop

最新推荐文章于 2021-06-07 18:46:22 发布
原创 最新推荐文章于 2021-06-07 18:46:22 发布 · 766 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #c

本文介绍了如何正确地获取当前页面的滚动条纵坐标位置。在标准w3c下，使用document.body.scrollTop会得到错误的结果，应该使用document.documentElement.scrollTop来代替。

要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop

而不是：document.body.scrollTop;

documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替

tfgdd
关注
selenium.模拟拖动滚动条下拉（实现页面滚动）
Ben_zhangxw的博客
04-14 2002
UI自动化实现，有时候需要***滑动滚动条***，定位到某个模块进行操作 在python中有以下几种方法可以实现 方法一：使用js脚本直接操作 js=“var q=document.getElementById(‘id’).scrollTop=10000” driver.execute_script(js） 或者： js=“var q=document.documentElement.scrollTop=10000” driver.execute_script(js) 这里的id为滚动条的id，但js中没有
js获取浏览器的各种属性
10-19
特别注意的是，在获取当前页面滚动条纵坐标位置时，应使用 document.documentElement.scrollTop 而不是 document.body.scrollTop。documentElement 对应的是 html 标签，而 body 对应的是 body 标签。 在实际的前端...
scrollTop：在JavaScript中获取当前页面的滚动位置
热门推荐
桂林哈秋 - 我想学编程
02-13 2万+
要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop;而不是：document.body.scrollTop;documentElement 对应的是 html 标签，而 body 对应的是 body 标签。documentElement 不常用。这容易在开发中犯错，网上很多例子，用的是 do
html console 滚动条,JavaScript - 控制滚动条操作
weixin_33760049的博客
06-07 311
今天玩 antd-mobile 碰到一个滚动条的问题：在 Tab 组件中使用多个 ListView ，当操作第一个 Tab 中的 ListView A 组件，加载数据，滚动，底部加载一切正常，可是当我点击切换到第二个 Tab 中的 ListView B 组件时，发现在 ListView B 组件中滚动屏幕，触发了 ListView A 组件中的滚动事件，同样的，在 ListView A 组件中滚动...
echarts 数字翻滚_echarts 纵坐标数字太长显示补全，以及文字倾斜显示
weixin_40002224的博客
12-19 931
如上数字太长，显示补全，以及x坐标的月份当数量大的时候也会显示补全：x可以调节纵坐标label的宽度y2可以调节横坐标label的高度grid: {x: 100, //默认是80pxy: 60, //默认是60pxx2: 40, //默认80pxy2: 45 //默认60px},xAxis: [{type: 'category',name: '',axisLabel:{interval:0,rot...
javascript获取或设置html元素的宽 高 坐标
weixin_34360651的博客
04-07 217
轉自：http://www.cnblogs.com/QQParadise/articles/2091477.html 前提条件是当前元素必须设置为绝对定位。 <h2 id="id" style=" position: absolute">当前元素</h2> 设置: document.getElementById('id').style....
JS 获取元素坐标（通用）
lbuskeep的专栏
03-09 2110
<br />var getPos=function(o){//取元素坐标<br />    var x =0, y =0;<br />    do{<br />        x += o.offsetLeft;<br />        y += o.offsetTop;<br />    }while(o=o.offsetParent);<br />    return {'x':x,'y':y};<br />}<br />调用方法：<br />alert(getPos(document.getElem
解决在有滚动条的div中，滚动后鼠标纵坐标定位错误的问题
最新发布
08-23
在某些浏览器中，`document.body.scrollTop` 可能无法正确返回滚动条的位置，而应使用 `document.documentElement.scrollTop` 来获取页面滚动的偏移量。此外，还需要结合 `event.clientX` 和 `event.clientY` 来计算...
JS实现让滚动条向下滚动
04-04
还需要处理可能的兼容性问题，比如不同浏览器对scrollTop的支持不同，应该使用window.pageYOffset或者document.documentElement.scrollTop来获取当前滚动位置，并设置目标位置为document.documentElement....
JS获取各种高度宽度1
08-03
本文将深入探讨如何使用JavaScript获取各种高度和宽度，包括浏览器窗口滚动条的位置、元素的几何尺寸等关键概念。 首先，我们来看一下与鼠标位置相关的几个属性： 1. `pageX`：表示鼠标在页面上的位置，从页面左上...
关于iframe中获取父级元素的滚动条（scrollTop）的值
weixin_34294649的博客
07-24 1119
因为临时要重构老项目，将jsp文件写成html文件，于是就发现了有蛮多的bug。 首先，因为jsp中有include方法，但是html中没有，所以只能暂时用iframe来代替，但是iframe的坑也有很多，今天遇到一个关于滚动条的问题，即点击下一页接受数据后自动滚到顶部，自己查了很多资料说用。 var scroll_top =window.parent.document.documentEle...
收集关于scrollTop信息
weixin_30678349的博客
04-13 466
要获取当前页面的滚动条纵坐标位置，用： document.documentElement.scrollTop; 而不是： document.body.scrollTop; documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.body.scrollTop恒为0，需要用doc...
chrome下document.documentElement.scrollTop为0的解决方案
WeLoveSunFlower的专栏
06-05 3718
var top= document.documentElement.scrollTop || document.body.scrollTop;
iframe scrollTop始终等于0解决办法
回家换拖鞋的专栏
09-12 8315
ie 中当前页面中iframe scrollTop始终等于0解决办法: 可以尝试用以下办法获取（在iframe中写）： var scroll_top =window.parent.document.documentElement.scrollTop; 其他浏览器：可以用juery：$(window.parent.document).ScrollTop();获取。
viser横坐标自动收缩_viser的细节记录
weixin_32434033的博客
12-23 1029
最近做了个可视化的项目，用到的框架是ts+ react+ viser+mobx ，过程中在使用viser的时候，有一些细节的东西，在这里作个记录。一：viser是什么？viser就是一个可视化工具，如果你熟悉echarts，viser就比较简单了，但是，现在viser的官方文档api讲解的不是那么的详细，有些东西你还要自己去摸索才能得到。二：viser的一些细节1：viser组件的重新加载vise...
JavaScript获取元素在浏览器画布中的绝对位置
默然说话
04-27 1405
JavaScript中提供获取HTML元素位置的属性： HTMLElement.offsetLeft HTMLElement.offsetTop 但 是需要注意的是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。那么如何得到一个HTML元素的绝对位置呢，前一阵找到的一个比
Tkinter编程应知应会(16)-滚动条Scrollbar
面向对象思考
09-03 1872
滚动条也是常用控件的一种，它的动作和Scale控件有些类似，主要的区别是可以用滑块宽度（或高度）表现当前显示区域和整个区域的比例关系。Scrollbar的基本动作视频如下： 视频链接 首先构建一个用于显示信息的标签控件： label = Label(root, width = 50)label.grid(row=0, column=0, columnspan=2) 接下来...
如何使用JavaScript获取页面滚动距离 document.body.scrollTop document.documentElement.scrollTop 兼容性
07-27
获取滚动距离的方式在不同浏览器中存在兼容性差异，主要体现在 `document.body.scrollTop` 和 `document.documentElement.scrollTop` 的使用上。 ### 获取页面滚动距离的兼容性差异 在早期浏览器中，尤其是 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值