document.body.scrollTop总是零的原因

caidchen

于 2010-02-21 13:55:00 发布

阅读量729

点赞数

文章标签： html google ie

本文链接：https://blog.youkuaiyun.com/CaidChen/article/details/5314498

版权

之前遇到了一个问题是由于document.body.scrollTop总是零的原因，郁闷了好久都没解决，查了才知是如下原因，以此告诫同样遇到此问题的兄弟姐妹。

原来在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);

一切OK.