scrollTop()方法
scrollTop()方法可以让元素滚动到指定的位置,它是DOM元素的一个属性,可以用来设置或获取元素的滚动条的位置。
element.scrollTop = value; //设置滚动条位置 var value = element.scrollTop; //获取滚动条位置
scrollTop()方法可以让元素滚动到指定的位置,但是要注意的是,它只能用于元素的滚动条,对于没有滚动条的元素,它是无效的。
scrollTop()方法可以用来实现元素滚动效果,可以用来实现页面滚动,也可以用来实现元素滚动。
实现页面滚动效果
可以使用scrollTop()方法实现页面滚动效果,只需要给window对象设置scrollTop属性:
window.scrollTop = value; //设置滚动条位置 var value = window.scrollTop; //获取滚动条位置
这样就可以实现页面滚动效果了。
实现元素滚动效果
可以使用,只需要给元素设置scrollTop属性:
element.scrollTop = value; //设置滚动条位置 var value = element.scrollTop; //获取滚动条位置
这样就可以实现元素滚动效果了。
使用注意事项
- scrollTop()方法只能用于元素的滚动条,对于没有滚动条的元素,它是无效的。
- scrollTop()方法只能设置或获取元素的滚动条的位置,不能设置或获取元素的滚动速度。
- scrollTop()方法只能用于元素的滚动条,不能用于window对象。