ie浏览器网页中$(document.body).scrollTop()值始终为0的解决办法

最新推荐文章于 2021-09-06 12:09:48 发布
最新推荐文章于 2021-09-06 12:09:48 发布
阅读量3k 收藏
点赞数
分类专栏： javascript 文章标签： jquery html ie 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxf359/article/details/53332190
版权

当网页做了以下声明时

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

document.body.scrollTop的值永远等于0。

解决办法是只需把document.body用document.documentElement替换即可。

尤其要注意
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"或
"http://www.w3.org/TR/html4/loose.dtd"
这一段加以后就不可能使用document.body来取值了


DTD相关说明：


页面具有 DTD，或者说指定了 DOCTYPE 时，使用 document.documentElement。

页面不具有 DTD，或者说没有指定了 DOCTYPE，时，使用 document.body。

在 IE 和 Firefox 中均是如此。

为了兼容，不管有没有 DTD，可以使用如下代码：


var scrollTop = window.pageYOffset  //用于FF
                || document.documentElement.scrollTop  
                || document.body.scrollTop  
                || 0;

sxf359
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题...
baoaoba9317的博客
12-09 148
一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document....
IE6下 js 访问 document.body 为空.
norsd的专栏
03-17 2831
document.body为空或不是对象2009-10-13 21:34   $(function() {    $("#divline").corner();    $("#table1").corner("6px");   });    把script的代码放到的下面 就可以了 这是由于引入的JS库在IE6中存在BUG from 
对于$(document).scrollTop结果总是0的解决方法（使用Vue插件的情况下）
zzy948999的博客
03-19 606
造成这种情况的原因是：需在页面完全加载后才能获取到scrollTop的值，所以在Vue模板的update钩子下设置scrollTop的值
JQ中$(document.body)和这个$("body") 这两的区别在哪里？
weixin_33949359的博客
02-17 568
两种写法代表的是同一个对象$("body") 是一个选择器，jQuery 会从 DOM 顶端开始搜索，直到找到标签为 body 的元素。而 $(document.body) 中的 document.body 已经是一个 DOM 对象，jQuery 可以直接使用此元素。所以它们的区别在于效率，$(document.body) 高于 $("body")但一般情况下在普通单页面是体现不出来的。 转载于:...
html body scrolltop 一直为0的问题
qq_35267789的博客
10-16 317
监测scrolltop来实现某项功能，通过id引用，但是发现无法达到预期功能 在浏览器中发现scrolltop一直为0，所以无法触发， 但是如果通过document.documentElement.scrollTop即可成功实现预期功能 一般写为document.documentElement.scrollTop || document.body.scrollTop; ...
document.body属性.document.body.scrollTop
04-18
5. **浏览器兼容性**：虽然大部分现代浏览器都支持 `document.body.scrollTop`，但在一些老版本的IE浏览器中可能需要使用 `document.documentElement.scrollTop` 来兼容。 6. **CSS替代方案**：有时候，为了避免...
js中的如何定位固定层的位置.docx
01-21
在非标准模式（通常是缺少DOCTYPE声明的旧版IE浏览器）下，`document.body.scrollTop`和`document.body.scrollLeft`可以获取页面滚动的距离。但在W3C标准模式下（如XHTML文档），`document.body.scrollTop`通常返回0...
ff chrome和ie下全局动态定位的异同及全局高度的取法
12-09
document.documentElement.scrollTop 浏览器滚动部分高度，document.body.scrollTop 始终为0 document.documentElement.clientHeight 浏览器可视部分高度，document.body.clientHeight 浏览器所有内容高度 FF ...
JavaScript中的跨扫瞄器大事操作的基本方法整理_.docx
10-09
然而，IE浏览器不支持这个方法，所以需要通过设置`returnValue`为`false`来达到同样的效果。`preDef`函数处理了这个兼容性问题。 5. **获取事件目标对象**： 在W3C事件模型中，可以通过`event.target`获取事件的...
jQuery中使用了document和window哪些属性和方法小结
10-28
在非IE浏览器中，可以通过修改元素的scrollTop属性来达到类似效果。 9. **document.defaultView**：返回与当前文档关联的`window`对象，对于非IE浏览器，这个属性可能为null。`defaultView.getComputedStyle()`则...
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
guxiansheng1991的博客
11-08 289
参考网址
document.body.scrollTop 值总为 0 的解决方法
Kevin.Chen - 专注前行
09-25 683
<br />做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：window.onscroll = function ()<br />{<br />    var oFix = document.getElementById("divfix");<br />    oFix.style.top = document.body.scrollTop + "px";<br />}<br />可是怎么没有达到预期效果呢，输出 document.body.
IE和FF下document.body对象的clientHeight，offsetHeight,scrollHeight的差别
weixin_30418341的博客
07-12 82
相关图片 当页面实际内容高度大于浏览器可视区域高度时 a. IE下 b. FF下 当页面实际内容高度小于浏览器可视区域高度时 a. IE下 b. FF下 由此有以下结论 clientHeight 在IE和FF下，该属性没什么差别，都是指浏览器的可视区域，即除去浏览器的那些工具栏状态栏剩下的页面展示空间的高度。 ...
jQuery的$(document) 多种写法
zlzbt
04-19 7889
$(document) 是当前文档，就是你看到的整个网页 $(document.body) =$('body') 两种写法代表的是同一个对象 $("body") 是一个选择器，jQuery 会从 DOM 顶端开始搜索，直到找到标签为 body 的元素。 而 $(document.body) 中的 document.body 已经是一个 DOM 对象，jQuery 可以直接使用此元素。 ...
在网页加载完成后执行——body的onload()
Winter--王大梅
10-26 1万+
一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。     最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。 先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function
document.body的一些用法以及js中的常见问题
热门推荐
lhzjj的专栏
09-02 3万+
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth    (包括边线的宽); 网页可见区域高： document.body.offsetHeight   (包括边线的宽); 网页正文全文宽： document.body.scro
document.body详解
lbywer的博客
05-25 1万+
网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：documen...
$(document) $("body")
TrustNature
07-02 127
1/ jquery可以直接使用DOM对象 $(DOM对象） 2/HMTL中的标签是标签不是对象 得用选择器选定 转换为对象 $("div"). 3/DOM中的img等是对象但是需要这样引用：、 document.forms[0].length...
【小5聊】jQuery基础之$(‘body,html‘).animate执行两次
小5聊的博客
09-06 1188
页面加载时，直接跳转到指定滚动条位置 1、执行两次的原因 由于$方法里填了body和html，导致方法认为animate方法执行两次 出现两次的效果 2、解决方法 直接使用document或者只设置一个值即可 修改后效果 ...
vue中使用window.pageYOffset document.documentElement.scrollTop document.body.scrollTop滚动时 值都为0 怎么解决
最新发布
06-09
如果这些属性的值始终为0，可能是因为您的页面内容没有超出窗口的高度，导致无法滚动。您可以尝试在页面中添加更多内容，或者在样式中添加 `overflow-y: scroll` 或 `overflow-y: auto` 来强制显示滚动条。同时，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值