document.body.scrollTop总是零的原因

最新推荐文章于 2020-10-22 15:05:42 发布

彭金华

最新推荐文章于 2020-10-22 15:05:42 发布

阅读量2.6k

点赞数

分类专栏： Web/Wap 文章标签： html iframe google ie 百度

Web/Wap 专栏收录该内容

23 篇文章

订阅专栏

本文解决了iframe中document.body.scrollTop始终为0的问题，并提供了一种兼容IE5与IE6的解决方案，通过一行代码即可实现对滚动位置的正确获取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天突然发现个问题，iframe里面document.body.scrollTop总是0，搞了半天，后来在百度了一下，找到一文章，搞定！原文如下：

原来在HTML文件头部声明了这样一句：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

改成这样就好了：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
但页面稍有变化，感觉不爽，于是又在google里找，终于发现这是IE5与IE6的区别：

var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
   scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
     document.compatMode != 'BackCompat') {
   scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
   scrollPos = document.body.scrollTop;
}
alert(scrollPos);