document.body.scrollLeft和document.body.scrollTop的值总为0解决方法

最新推荐文章于 2021-11-15 12:55:09 发布
最新推荐文章于 2021-11-15 12:55:09 发布
阅读量107 收藏
点赞数
原文链接：http://www.cnblogs.com/nicholas_f/articles/1575858.html
版权
凡是页面顶部声明为：
    <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
的情况下， document.body要改为 document.documentElement
点解呢？~~~有时间研究一下！

转载于:https://www.cnblogs.com/nicholas_f/articles/1575858.html

weixin_30576859
关注
document.documentElement和document.body区别介绍
09-05
在标准模式下，则需要先判断document.documentElement.scrollLeft和document.documentElement.scrollTop是否为0，若是则使用document.body.scrollLeft和document.body.scrollTop。 了解了这些区别后，前端开发者在...
vue设置scrollLeft 一直为0的原因
a393007511的博客
11-12 4865
问题描述 <div class="icontent" ref="icontent" > <div class="box" ref="cbox" > <img /> </div> </div> img 是position: absolute;绝对定位 icontent，cbox是 position: rela...
document.body.scrollLeft和document.body.scrollTop
no money,no women!
05-21 266
document.body.scrollLeft   设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离。   document.body.scrollTop   设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 document.all.itemopenmenu.style.display == "" 这两句不可以分开来理解，合到一块其实就是document.a...
解决scrollLeft、scrollTop为0
小菜张的博客
10-22 1286
最近遇到从外面点之后弹框，显示当前是第几组，并且滚动到当前位置的需求 遇到的问题：第一次获取可以获取的scrollWidth，第二次打开弹框就是0，并且设置scrollLeft也不起作用 解决办法： 延时获取dom元素，【可以把document换成this.$el】 需要nextTick 在这之前我们可以先检查一下 是不是当前dom元素可以滚动，如果输出的值有变化 那么dom元素就没有问题 window.addEventListener('scroll', () => { let matchCo.
scrollTop，scrollLeft为0的原因
Canton_jack的博客
06-26 1608
<!DOCTYPE html> IE： 对于没有doctype声明的页面（上方代码），使用document.body.scrollTop 或 document.documentElement.scrollTop； 对于有doctype声明的页面，则使用 document.documentElement.scrollTop； Chrome、Firefox： ...
document.body.scroll
qq_42946917的博客
06-25 822
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWi...
由document.body和document.documentElement想到的
09-06
4. `document.body.scrollTop`和`scrollLeft`分别表示垂直和水平方向上的滚动量。 此外，`window`对象提供了与屏幕和浏览器窗口相关的属性，例如`screenTop`、`screenLeft`、`screen.height`和`screen.width`，这些...
用document.documentElement取代document.body的原因分析
09-05
总的来说，使用 `document.documentElement` 取代 `document.body` 是为了在不同浏览器和DOCTYPE声明下获取更准确、更一致的页面尺寸和位置信息，特别是在处理滚动行为和可视区域时。开发者应当了解这两个对象的区别...
document.body.scrollTop用法
12-16
通过了解并掌握 `document.body.scrollTop` 的使用方法，我们可以实现更加丰富的用户体验。 #### 二、关键属性与方法 ##### 1. document.body.scrollTop - **定义**：表示页面被垂直滚动的距离，单位通常是像素。 ...
javascript document.compatMode兼容性
10-29
这段代码首先检查`document.compatMode`，如果为`BackCompat`，那么它使用`document.body`来获取页面尺寸和滚动条信息；如果为`CSS1Compat`，则使用`document.documentElement`。对于滚动条的左右位置`sLeft`和顶部...
Document.body.scrollTop的值总为零的快速解决办法
09-02
主要介绍了Document.body.scrollTop的值总为零的解决方法的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下
document.body属性.document.body.scrollTop
04-18
NULL 博文链接：https://lingf.iteye.com/blog/1852295
document.documentElement.scrollLeft 与document.body.scrollTop区别
suxue1994的博客
03-01 4761
问题描述 针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面...
document.body.offsetWidth 网页可见区域高宽，offset、client、scroll使用方法详解，页面位置距离
ole_triangle_java的博客
01-17 6133
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全
document.documentElement.scrollLeft 与document.body.scrollTop区别
笨鸟快飞的专栏
06-07 6005
问题描述 针对获取页面的垂直滚动条的位置，IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置，而混杂模式下则是使用 document.body.scrollLeft。Chrome Safari 在两种文档模式下均使用 document.body.scrollLeft 获取页面的水平滚动条位置。 同理
document.body.scrollTop的值总为零的解决办法
weixin_42929937的博客
11-15 1960
1. 在模拟点击返回顶部按钮，页面就会滑动到顶部，但是在获取页面卷去头部的大小时，document.body.scrollTop总是为0. 后面尝试用了document.documentElement.scrollTop就可以获得被卷去的头部。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
document.body.scrollLeft的兼容方法
zeyu1021的专栏
05-05 1424
function getScrollXY(){ var x,y; if(document.body.scrollTop){ x=document.body.scrollLeft; y=document.body.scrollTop; } else{ x=document.documentElement.scrollLeft; y=document.documentElement.s
查看滚动条的滚动距离：X轴：window.pageXOffset、... Y轴：window.pageYOffset、...。 封装兼容性方法，求滚动轮滚动距离getScrollOffset()
JEFF_xieyuzhi的博客
09-26 902
查看滚动条的滚动距离： X轴： window.pageXOffset、 document.body.scrollLeft、 document.documentElement.scrollLeft Y轴： window.pageYOffset、 document.body.scrollTop、 document.documentElement.scrollTo...
帮我优化以下代码<div ID="ABC" onmousemove="showPreview(event, this)" onmouseout="hidePreview()"> <!-- 需要显示预览内容的DIV --> <p>预览内容123123</p> </div> <div id="preview" style="display:none; position:absolute;"> <!-- 预览浮窗 --> </div> <script> function showPreview(event, element) { // 获取需要预览的内容 var previewContent = element.innerHTML; // 设置预览浮窗内容 previewElement.innerHTML = previewContent; // 设置预览浮窗位置 var left = event.clientX + "px"; var top = event.clientY + "px"; if (document.documentElement && document.documentElement.scrollTop) { left = event.clientX + document.documentElement.scrollLeft + "px"; top = event.clientY + document.documentElement.scrollTop + "px"; } else if (document.body) { left = event.clientX + document.body.scrollLeft + "px"; top = event.clientY + document.body.scrollTop + "px"; } previewElement.style.left = left; previewElement.style.top = top; // 显示预览浮窗 previewElement.style.display = "block"; } </script>
最新发布
05-27
left = event.clientX + document.body.scrollLeft + "px"; top = event.clientY + document.body.scrollTop + "px"; } previewElement.style.left = left; previewElement.style.top = top; // 显示预览浮窗 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值