scrollTop自己的一些理解

1, 什么是scrollTop属性?

假如有两个div1div2div1包裹着div2,并且div1overflowautodiv2的高度要高于div1设定的高度,于是乎,div1会出现滚动条,如果你向下拉滚动条则会有一部分div2被隐藏掉(或者说卷上去),卷上去的这部分的高度就是scrollTop

2, 如何获取scrollTop

获取scrollTop,首先要获得页面元素的对象(这样说可能不对,不过我一直也是这么记的),形式也就是用“document.getElementById(“”)”等等这种方式,而不是通过obj_div.style.scrollTop来获得的,这点应该注意。

3, 如果获得bodyscrollTop

获取bodyscrollTop几大浏览器是有些差异的,具体的我也不详细说了,说个兼容的方案:

varbody_scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

这个是几大浏览器兼容的获取方式。

4, 如何使用?

如何使用就不用说些什么了,这得靠你自己想了,我还准备说一个比较重要的事件:onscroll事件,滚动条移动就会触发这个事件,如果想获取bodyonscroll事件,应该使用window.onscroll =function(){}

5, scrollTop属性是可读写的,同样可以给它赋值来改变滚动条的位置!

(个人的理解,术语可能有误)


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值