document.documentElement.scrollTop

17 篇文章 0 订阅

获取滚动条位置:document.documentElement.scrollTop
获取当前页面的滚动条纵坐标位置:document.documentElement.scrollTop;
而不是:document.body.scrollTop;

js中每个载入浏览器的HTML文档都会成为Document对象,documentElement 对应的是 html 标签,
如果发现两个高度不一样,是css设置的问题,你的html高度不一定高于body。

而 body 对应的是 body 标签。
在标准的w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;

用body查看,其中clientHeight即为body的css高度,

用documentElement,其中clientHeight即为html的css高度

一般在定义时,代码如下:

var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;(||这个是定义时必须加的或者而不是定义时的另一种写法)

所以在编程的时候,请加上这样的判断
if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值