在页面上加上了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
之后，document.body.scrollTop的值一直为0（在IE和FF下），网上有人改为document.documentElement.scrollTop就可以了，试用了一下真的OK了。
但是当换到Google浏览器时，问题又出来了，document.documentElement.scrollTop值一直为0！到是document.body.scroll的值正确了。
网上有解决方案如下：（http://www.codebit.cn/pub/html/javascript/tip/get_scroll_position/）
- <mce:script type="text/javascript"><!--
- // 说明：用 Javascript 获取滚动条位置等信息
- // 来源 ：ThickBox 2.1
- // 整理 ：CodeBit.cn ( http://www.CodeBit.cn )
- function getScroll()
- {
- var t, l, w, h;
- if (document.documentElement && document.documentElement.scrollTop) {
- t = document.documentElement.scrollTop;
- l = document.documentElement.scrollLeft;
- w = document.documentElement.scrollWidth;
- h = document.documentElement.scrollHeight;
- } else if (document.body) {
- t = document.body.scrollTop;
- l = document.body.scrollLeft;
- w = document.body.scrollWidth;
- h = document.body.scrollHeight;
- }
- return { t: t, l: l, w: w, h: h };
- }
- // --></mce:script>
首先说明，这段代码是正确的。只是当document.documentElement和document.documentElement.scrollTop都有值，但是document.documentElement.scrollTop==0时，有点误导人，呵呵。
于是我改成如下：
- var top = document.body.scrollTop;
- if(0==top){
- top = document.documentElement.scrollTop;
- }
- alert(top);
后来发现
var top = document.body.scrollTop | document.documentElement.scrollTop;
这样更简单，而且在我的几种浏览器下也都OK。。。。。