ie中关于document.body.scrollLeft总是0的原因

最新推荐文章于 2022-10-24 15:29:52 发布
最新推荐文章于 2022-10-24 15:29:52 发布
阅读量217 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/qingtian-wjp/archive/2013/03/26/2982623.html
版权

转自http://readwall.blog.163.com/blog/static/1012713220082836540/  公司网站有关于图片拖放问题，在分辨率为1024*768没有滚动条的情况下拖放正常，一旦出现滚动条或者分辨率变化的情况下，就会出现能拖动但不能放到指定位置的问题，一直忙于别的工作，今天终于找到原因。“document.body.scrollLeft和document.body.scrollTop的值总是表现为0”
    后来在飞翔天空blog中看到。凡是页面顶部声明为：
    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/qingtian-wjp/archive/2013/03/26/2982623.html

weixin_34319374
关注
document.body的一些用法以及js中的常见问题
dashuaizhu6400的博客
04-17 632
document.body的一些用法以及js中的常见问题 网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (...
javascript document.compatMode兼容性
10-29
document.body.scrollLeft : document.documentElement.scrollLeft; var sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; } ``` 这段代码首先...
document.body.scrollTop 值总为0的解决方法 比较常见的标准问题
12-10
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body.scrollTop + “px”; } 可是怎么没有达到预期效果呢，输出 document.body.scrollTop 的值一看，一直都是 0。原来是 DTD 的问题,要是页面直接用 开头的话就没有问题了。但是要符合 web 标准，DTD 当然是不能少的。具有 D
vue设置scrollLeft 一直为0的原因
a393007511的博客
11-12 4783
问题描述 <div class="icontent" ref="icontent" > <div class="box" ref="cbox" > <img /> </div> </div> img 是position: absolute;绝对定位 icontent，cbox是 position: rela...
用 document.body.scrollTop,document.body.scrollLeft 总是零的原因
11lingxian
10-26 294
如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"&gt; document.body.scrollTop 要改成 docu...
用document.documentElement取代document.body的原因分析
09-05
在JavaScript中，`document.body` 和 `document.documentElement` 是两个经常用来获取页面信息的对象，但它们之间存在一些重要的差异，尤其是在处理不同浏览器的兼容性问题时。`document.documentElement` 通常被...
doctype后如何获得body.clientHeight的方法
12-02
因为在加了doctype后，在ie6中这些document.body的属性已经重新分配给了document.documentElement。 比如：原来document.body.clientHeight，就要改成document.documentElement.scrollTop 为了自适应，可以改了下...
解决scrollLeft、scrollTop为0
小菜张的博客
10-22 1251
最近遇到从外面点之后弹框，显示当前是第几组，并且滚动到当前位置的需求 遇到的问题：第一次获取可以获取的scrollWidth，第二次打开弹框就是0，并且设置scrollLeft也不起作用 解决办法： 延时获取dom元素，【可以把document换成this.$el】 需要nextTick 在这之前我们可以先检查一下 是不是当前dom元素可以滚动，如果输出的值有变化 那么dom元素就没有问题 window.addEventListener('scroll', () => { let matchCo.
Document.body.scrollTop的值总为零的快速解决办法
01-19
有一个功能需要判断返回顶部按钮是否显示。 JS代码如下： var sTop = document.body.scrollTop; if(sTop>100){ document.getElementById(sm_top).style.display=block; }else{ document.getElementById(sm_top).style.display=none; } 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD，即指定了DOCTYPE时，使用document.docu
关于滚动条 scrollTo 始终为 0 的问题排查小建议【日常记录，可供参考】
最新发布
^Being^
10-24 1632
关于自定义浏览器滚动条, scrollTo始终为0的问题排查小建议
document.body.scrollTop的值总为零的解决办法
热门推荐
sleepwalker_1992的专栏
06-13 2万+
1、document.body.scrollTop的值总为零的原因 有一个功能需要判断下拉的距离，设置头部固定导航栏的颜色。 代码如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" c
关于document.body.scrollTop的console值为0的原因
u013100927的专栏
12-18 103
当html文档中的有<!DOCTYPE html>声明时，document.body.scrollTop值就是总为0 这时候换成document.documentElement.scrollTop试试看
ie8下，UEditor中出错document.body为空或不是对象解决办法
weixin_34128534的博客
08-11 243
2019独角兽企业重金招聘Python工程师标准>>> ...
JavaScript中定位固定层的技巧
然而，在遵循W3C标准的XHTML文档中，`document.body.scrollTop`的值总是为0，此时应使用`document.documentElement.scrollTop`来获取滚动距离，因为`document.documentElement`代表整个HTML元素，它包含了`<head>`和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值