document.body.scrollTop总是0的原因

最近写了一个拖动层的HTML页面,   需要获取滚动条当前的位置.

于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动, document.body.scrolltop竟然一直都是0!

对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...

我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >

 

页面此时才正常.

原来是这行东西造成IE无法获取document.body.scrolltop!

把顶部这两行删掉将可以了.但是为什么会这样呢?

google一下,发现改成:

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >

就可以了,但页面稍有变化，感觉不爽，于是又在google里找，终于解决：

 

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

document.body.scrollTop
要改成
document.documentElement.scrollTop