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

 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值