用document.documentElement.scrollTop获取到顶端的距离的问题

最新推荐文章于 2022-08-05 10:33:49 发布
最新推荐文章于 2022-08-05 10:33:49 发布
阅读量340 收藏
点赞数
分类专栏： 基础 文章标签： xhtml iis html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qibao33/article/details/4823752
版权

 去掉 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

如果不去掉  用document.documentElement.scrollTop获取到顶端的距离
这样的话你可以在你自己的机器上看到能滑动
但是到了IIS上面 其他机器访问就没反应了

qibao33
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.documentElement document.documentElement.scrollTop
01-19
在标准的浏览器下，需要注意的东西，例如双击自动滚动 var diffY; if (document.documentElement && document.documentElement.scrollTop)     diffY = document.documentElement.scrollTop; else if (document.body)     diffY = document.body.scrollTop else     {/*Netscape stuff*/}
js控制的回到页面顶端goTop的代码实现
10-27
1. 获取页面滚动条的位置：由于不同的浏览器处理滚动条位置的方式不同，我们需要分别检查`document.documentElement.scrollTop`和`document.body.scrollTop`来获取正确的位置。 2. 显示或隐藏返回顶部按钮：当用户...
收集关于scrollTop信息
weixin_30678349的博客
04-13 389
要获取当前页面的滚动条纵坐标位置，用： document.documentElement.scrollTop; 而不是： document.body.scrollTop; documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.body.scrollTop恒为0，需要用doc...
document.documentElement.scrollTop || document.body.scrollTop;
热门推荐
tfgdd的专栏
01-12 2万+
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代docum
document.documentElement.scrollTop(获取滚动条位置)
bangxionger9224的博客
03-11 209
要获取当前页面的滚动条纵坐标位置，用：document.documentElement.scrollTop;而不是：document.body.scrollTop;documentElement 对应的是 html 标签，而 body 对应的是 body 标签。在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.s...
document.documentElement.scrollTop
weixin_44283589的博客
08-05 7551
在标准的w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替;js中每个载入浏览器的HTML文档都会成为Document对象，documentElement 对应的是 html 标签，如果发现两个高度不一样，是css设置的问题，你的html高度不一定高于body。用body查看，其中clientHeight即为body的css高度，而不是：document.body.scrollTop;...
js中的如何定位固定层的位置.docx
01-21
但在W3C标准模式下（如XHTML文档），`document.body.scrollTop`通常返回0，此时应使用`document.documentElement.scrollTop`和`document.documentElement.scrollLeft`来获取正确的滚动值。 以下是一段具有良好兼容...
点击返回顶端.zip
12-07
const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 5); // 逐渐滚动到顶部 } } document....
【JavaScript源代码】JavaScript 获取滚动条位置并将页面滑动到锚点.docx
12-29
### JavaScript 获取滚动条位置并将页面滑动到锚点 #### 前言 在现代Web应用开发中，尤其是在移动端的应用场景下，用户交互体验尤为重要。其中一项常见的需求就是实现页面内的快速定位，即通常所说的“锚点”功能...
js获取浏览器和屏幕的各种宽度高度
10-20
而对于更早期的IE版本（IE8、IE7、IE6、IE5），我们需要使用document.documentElement的clientHeight和clientWidth属性，或者用document.body的clientHeight和clientWidth属性来获取。 由于IE8及以下版本的document...
关于window.pageYOffset和document.documentElement.scrollTop
12-10
举个例子： Css:假定进行如下简单设置； html{height:1000px;} JS： 代码如下: function(){ window.scrollBy(0,100); alert(window.pageYOffset); } Results: //点击一次后弹出：100;得出的是一个数值，read-only属性；value：Integer(整数)，default:0; 附注：当滚动条到达页面最底部时，window.pageYOffset=1000-document.documentElement.clientHeight;
关于document.documentElement.scrollTop
loku1994的博客
09-23 491
这是浏览器页面被滚上去的距离，在Opera和chrome中要使用document.body.scrollTop. getBoundingClientRect()它返回left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口左上角的距离。
document.documentElement.scrollTop(获取滚动条位置,超细)
qq_61686552的博客
06-21 3354
document.documentElement.scrollTop的使用方法还有解释
document.documentElement.scrollTop用法
ThomasKwan的博客
09-28 4983
要获取当前页面的滚动条纵坐标位置， 用：document.documentElement.scrollTop;     而不是：document.body.scrollTop;     documentElement 对应的是 html 标签，而 body 对应的是 body 标签。     在标准w3c下，document.body.scrollTop恒为0，需要用document.do...
根据页面滚动位置显示浮动框 document.documentElement.scrollTop
withkai44的博客
05-17 311
根据页面滚动位置显示浮动框 ddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddd...
document.documentElement.scrollTop与document.body.scrollTop
Fair_feng的博客
04-28 1620
问题针对document.documentElement.scrollTop和document.body.scrollTop. 1、在IE Firefox Opera 现代浏览器的标准模式下，使用document.documentElement.scrollTop获取高度，混杂模式下，也就是没有DTD文档声明，则使用document.body.scrollTop. 2、Chrome Safari
关于Chrome（谷歌浏览器）对document.documentElement.scrollTop识别误差
weixin_34409703的博客
08-15 255
这篇文章我在我其他博客发布过，记得遇到这个问题的时候是10年初吧，给相关技术还是重贴出来，以供大家分享！ 最近做一个瞬间信息显示浮动层时，IE、Firefox下都能显示正常，但Chrome下出现了浮动层永远显示在上面，经过仔细分析，发现Chrome对document.documentElement.scrollTop的识别会出现误差。不过加上document.body.s...
document.documentElement.scrollTop为0
最新发布
07-27
\[2\]另外，为了兼容所有浏览器，可以封装一个函数来获取页面向上卷曲出去的距离，可以使用以下代码：top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值