2019独角兽企业重金招聘Python工程师标准>>>
在页面上加上了
<!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/)
[javascript] view plaincopy
<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时,有点误导人,呵呵。
于是我改成如下:
[javascript] view plaincopy
var top = document.body.scrollTop;
if(0==top){
top = document.documentElement.scrollTop;
}
alert(top);
后来发现
var top = document.body.scrollTop | document.documentElement.scrollTop;
这样更简单,而且在我的几种浏览器下也都OK。。。。。