js关于无法获取clientHeigth / scrollTop 等值解决办法。 介于DocumentElement与body差别

最新推荐文章于 2023-06-06 15:38:56 发布
原创 最新推荐文章于 2023-06-06 15:38:56 发布 · 1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#文档 #浏览器 #html
本文介绍了解决使用 documentElement 获取 scrollTop 值始终为零的问题。提供了兼容性解决方案，即使用 document.body.scrollTop 替代。

documentElement 属性可返回文档的根节点。

document.documentElement是文档对象根节点(html)的引用。

今天遇到一问题，用DocumentElement获取scrollTop值， 值始终为零，搞了很久才解决，

至于原因暂时还不知，可能系统与浏览器的兼容性问题把。

 

如果document.documentElement.scrollTop无法获取到值，可以改成：document.body.scrollTop


来自 js关于无法获取clientHeigth / scrollTop 等值解决办法

js关于无法获取clientHeigth / scrollTop 等值解决办法。 介于DocumentElement与body差别...
网站开发初中级代码参考-转载
04-09 182
documentElement 属性可返回文档的根节点。 document.documentElement是文档对象根节点(html)的引用。 今天遇到一问题，用DocumentElement获取scrollTop值， 值始终为零，搞了很久才解决， 至于原因暂时还不知，可能系统与浏览器的兼容性问题把。 如果document.documentElement.scrollTop无法获取到值...
关于JavaScript中document.body.clientHeight获取页面高度为0的问题及解决方案
chad273的博客
01-03 3554
js中如下语句 h = document.body.clientHeight； 获得的 h 值始终为0，找了半天终于解决，将代码改写如下即可： h = document.documentElement.clientHeight； 初学js，具体原因还不懂，貌似和DOM中从层次不同有关，有待继续学习研究。同时希望大神帮忙解答。 ...
JS获取对象，使用对象.属性提示获取不到值（undefined），两种解决方法
小多的博客
02-22 1万+
方法一： // 有时候需要eval一下的 data = eval("("+data+")")； var info = JSON.stringify(result); var data = eval('(' + info + ')'); alert(data.district); 方法二：使用forEach() this.registerForm.forEach(item => { console.log(item.data) }); ...
解决js代码中 document.body.clientWidth 为0
Ctrl_kun的博客
11-06 1020
在不同浏览器中获取方式不同(HTML5) chrome: document.documentElement.clientHeight IE: document.body.clientWidth html5中如果用错则为0 解决方法 将HTML5换成HTML4 用js分别获取两个值，取最大值 max(document.documentElement.clientHeight,document.body.clientWidth) ...
关于JS获取clientWidth大小一直为0的问题
liuhui12345的博客
08-20 4445
__.clientWidth = 0; 因为父集用了display:none; 所以取不到值，将父集设置为display: block;就行了
js 获取滚动条位置 scrollTop总是0
weixin_43964271的博客
06-06 2750
由于页面导航栏是在页面中而非顶部固定的，所以需要在页面滚动到遮挡住导航栏的时候，在固定位置显示导航栏，我看网上案例类似的有页面向下滚动到一定位置的时候显示一键置顶的按钮等，都是类似的需求。改为①e.target.scrollTop获取div滚动位置；②addEventListener第三个参数设置成true，事件捕获，就可以实时获取div的滚动位置了。结果一直输出的是0，而且并不是一直监听，只输出几次；定义有滚动条的dev区域是box。
clientWidth和clientHeigh 、 clientTop和clientLeft、offsetWidth和offsetHight 、 offsetTop和offsetLeft...
weixin_30901729的博客
06-11 414
一、clientWidth和clientHeigh 、 clientTop和clientLeft 1，clientWidth的实际宽度 clientWidth =width+左右padding 2，clientHeigh的实际高度 clientHeigh = height + 上下padding 3，cli...
Jquery源码分析---DOM元素（中）
lhf2009913的专栏
05-15 965
声明：此内容仅代表网友个人经验或观点，不代表本网站立场和观点。 5.2.2 width&heigth 对于元素的宽度和高度，dom元素提供了 client(clientHeight,clientWidth)、offset(offsetHeight,offsetwidth)、 scroll(srollHeight,srollWidth)三种方式，这三种有什么区别呢？ client=conte
JS中的clientleft clientTop clientWidth clientHeigth offsetLeft offsetTop offsetWidth offsetHeight 区别
不知WEB为何物
04-11 788
********在学习中总是容易混淆上面的几个的值，自己测试一下几个值，以此加深印象，如有错误希望指正************1一图胜千言2代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style type="
javascript document.documentElement和document.body的区别
IT部落阁
05-27 480
documentElement 和 body 相关说明：     DOM把层次中的每一个对象都称之为节点，就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录。     documentElement 是整个节点树的根节点root，即 标签     body是DOM对象里的body子节点，即  标签 document.
JS基础篇-- body.scrollTop与documentElement.scrollTop
weixin_33912246的博客
01-10 273
获取当前页面滚动条纵坐标的位置：document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置：document.body.scrollLeft与document.documentElement.scrollLeft 1.各浏览器下 scrollTop的...
获取元素的几何尺寸、offsetWidth、offsetHeight、clientWidth、clientHeigh、offsetX offsetY、pageX pageY
qq_59517599的博客
07-21 673
1、获取当前页面卷去（滚轮后覆盖）的距离 window.pageYOffset || document.body.scro ll Top||document.documentElement.scro ll Top 2、 获取页面选中元素的DOM属性 <script> var el=document.querySelector(".box") var re=el.getBoundingClientRect(); console.log(re) 3、offs...
js HTMLCollection数组中的数据无法获取 dorado onRenderCell
puspos的博客
11-16 2323
所有的元素全部加载之后，才可以获取到HTMLCollection数组中的元素 解决办法 使用setTimeout函数 //设置300ms后执行 setTimeout(function(){ xx; },300);
document.body.clientHeight不能正确取到浏览器页面高度
weixin_34375054的博客
02-06 9405
2019独角兽企业重金招聘Python工程师标准>>> ...
原生JS获取ScrollTop/ScrollLeft
热门推荐
LGD_Sunday的专栏
09-05 1万+
使用原生JS获取浏览器ScrollTop，ScrollLeft的方法：function scroll() { if (window.pageYOffset != null){ // 支持IE9 + return{ left:window.pageXOffset, top:wi
chrome scrollTop 获取失败问题及解决方案
Hellogen
10-29 2826
今天在做某网站的日常维护时发现 chrome 的scrollTop突然获取失败，但 ie 系列和 edge 正常，最起码在9月中旬还能正常获取，表现如下  版本 dxdiag : win10 64 10.0 15063 chrome ：  62.0.3202.75（正式版本） （64 位）   解决方法，如果在最外层监听 scrollTop 的参数，可以使用 window.scrol...
vue js document.documentElement.scrollTop获取一直为0的解决方法
daishaochen的博客
09-15 6489
vue js document.documentElement.scrollTop获取一直为0的解决方法，vue封装组件后，常常是在组件里面继续轮滑，而document.documentElement.scrollTop拿到的是最外层浏览器的轮滑高度，所有一直是0。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值