最近写了一个拖动层的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
