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

最新推荐文章于 2026-05-11 12:35:03 发布
原创 最新推荐文章于 2026-05-11 12:35:03 发布 · 3.1k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#jquery #html #ie #浏览器
本文介绍了在特定DTD声明下，document.body.scrollTop始终返回0的原因及解决方法。建议使用document.documentElement.scrollTop来获取正确的滚动位置。适用于具有DTD声明的XHTML或HTML文档。

当网页做了以下声明时

<!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;

火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
10-18
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
jQuery的$(document) 多种写法
zlzbt
04-19 8215
$(document) 是当前文档，就是你看到的整个网页 $(document.body) =$('body') 两种写法代表的是同一个对象 $("body") 是一个选择器，jQuery 会从 DOM 顶端开始搜索，直到找到标签为 body 的元素。 而 $(document.body) 中的 document.body 已经是一个 DOM 对象，jQuery 可以直接使用此元素。 ...
JQ中$(document.body)和这个$("body") 这两的区别在哪里？
weixin_33949359的博客
02-17 663
两种写法代表的是同一个对象$("body") 是一个选择器，jQuery 会从 DOM 顶端开始搜索，直到找到标签为 body 的元素。而 $(document.body) 中的 document.body 已经是一个 DOM 对象，jQuery 可以直接使用此元素。所以它们的区别在于效率，$(document.body) 高于 $("body")但一般情况下在普通单页面是体现不出来的。 转载于:...
构建机器人分布式智能传感系统：解放主控，实现高效多传感器融合
最新发布
weixin_33711647的博客
05-11 540
在嵌入式系统与机器人开发中，传感器是感知外部环境的核心部件。其基本原理是将物理量转换为电信号，供微控制器（MCU）处理。然而，当系统需要集成超声波、IMU、温湿度等多种传感器时，传统由主控直接轮询的方式会遭遇资源瓶颈，导致实时性下降。分布式处理架构通过引入协处理器或智能传感器节点，将底层信号处理与数据融合任务卸载，使主控能专注于高级决策与任务调度。这种架构提升了系统可靠性、扩展性与实时性，是构建复杂机器人感知系统的关键技术。本文以Arduino机器人项目为例，深入探讨了如何通过设计通用型传感器控制板与优化通
$(document) $("body")
TrustNature
07-02 189
1/ jquery可以直接使用DOM对象 $(DOM对象） 2/HMTL中的标签是标签不是对象 得用选择器选定 转换为对象 $("div"). 3/DOM中的img等是对象但是需要这样引用：、 document.forms[0].length...
jQuery 学习笔记（一）
qq_39494076的博客
08-04 415
1-2 jQuery 语法 API 3- 网络 前后端数据交互 ajax 4-5 项目 列表渲染 ajax 6- 项目 UI框架 后台系统（方式） 今日要点 了解什么是JS框架和库 了解jQuery背景和优点 掌握jQuery引入方式和入口函数的使用 掌握jQuery事件绑定语法 了解jQuery中的动画函数的使用 掌握jQuery中文本内容的访问和写入 掌握jQuery对象和DOM对象间的相互转换 掌握css和标签属性的修改方法 掌握jQuery常用选择器及方法 一、什么是J
document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
weixin_34008805的博客
03-14 411
转自http://wo13145219.iteye.com/blog/2001598一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElem...
JS中--document.body.scrollTop 值总为0的解决方法
lansdmn的专栏
01-13 2880
做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：window.onscroll = function (){ var oFix = document.getElementById("divfix"); oFix.style.top = document.body.scrollTop + "px";}
火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题...
baoaoba9317的博客
12-09 212
一、先遇到document.body.scrollTop值为0的问题 做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样, window.onscroll=function () { var oId=document.getElementByIdx_x("id"); oId.style.top=document....
document.body.scrollTop为0的解决方案
技术天地
08-03 1万+
<br />Jquery用多了，对单纯JS却发现有些问题。今天做浮动就碰上了document.body.scrollTop总为0的问题。百度一下终于得到解决方法。<br />在页面中加一个随着页面滚动条滚动的小图片广告，但是却发现document.body.scrollTop这个属性在本地的时候能取到值，但是传到服务器上的时候取到的值一直不变。<br />解决方案<br />1、原来在HTML文件头部声明了这样一句：<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
document.body.scrollTop的值为零问题
lj1530562965的博客
10-22 455
document.body.scrollTop的值为零问题 问题背景：在做监听滚动到底部事件时，发现document.body.scrollTop的值一直为零 网上查资料发现是各个浏览器下对是否有声明的scrollTop有差异 IE： 对于没有声明的页面，使用 document.body.scrollTop 或 document.documentElement.scrollTop； 对于有声明的页面，则使用 document.documentElement.scrollTop； Chrome、Firefo
vue 中监听document.body.scrollTop 值总为0的解决方法
热门推荐
yw1376394716的博客
06-11 1万+
最近在vuex项目中碰到了这个问题，监听页面滚动时 document.body.scrollTop一直都是0，捣鼓了好久最后找到了几个解决方法 方法一：浏览器兼容有问题 写个兼容方法就行 // chrome || firefox || IE： // document.documentElement.scrollTop document.body.scrollTop // safari: window.pageYOffset let scrollTop= document.documentEleme
解决scrollTop兼容问题 document.documentElement.scrollTop || document.body.scrollTop
YOUAFR的博客
10-19 1780
在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在xhtml页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代docum
document.body.scrollTop 的值总是等于 0 的解决方法;DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN 与
angelila0102的专栏
10-02 816
做页面的时候可能会用到浮动层，读取 document.body.scrollTop 来设置层的位置，如以下代码，可以达到让一个ID为“Div1”的层一直居中显示的目的： function Sc() { document.getElementById(“Div1″).style.top=document.body.scrollTop+(document.body.clientHei
JS基础篇-- body.scrollTop与documentElement.scrollTop
kakashs
02-13 306
获取当前页面滚动条纵坐标的位置：document.body.scrollTop与document.documentElement.scrollTop 获取当前页面滚动条横坐标的位置：document.body.scrollLeft与document.documentElement.scrollLeft 1.各浏览器下 scrollTop的差异: IE6/7/8： 可以使用 document.d...
js获取浏览器基本信息：document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
loliDapao的博客
12-27 916
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop
【document.body.scrollTop】scrollTop=document.body.scrollTop||document.documentElement.scrollTop及浏览器兼容
virus1992的专栏
04-17 1294
本文为此文的衍生：http://blog.csdn.net/virus1992/article/details/8814126 scrollTop=document.body.scrollTop||document.documentElement.scrollTop 等同于： var top = document.documentElement.scrollTop ? d
document.body.scroll
qq_42946917的博客
06-25 911
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scrollWi...
document.body.scrollTop和document.documentElement.scrollTop在不同浏览器下的问题
xhmz的专栏
08-06 945
先遇到document.body.scrollTop值为0的问题  　　做页面的时候可能会用到位置固定的层,读取document.body.scrollTop来设置层的位置,像这样,      window.onscroll=function () {          var oId=document.getElementByIdx_x("id");          oId.sty
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值