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