document.body.scrollTop的返回值总是零的处理方法

2009年4月29日

document.body.scrollTop的返回值总是零的处理方法

Filed under: HTML,JAVASCRIPT — 标签：JAVASCRIPT — fangds @ 10:56

为什么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 XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

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.

Comments (2)