scrollTop属性
scrollTop属性是指元素的滚动条滚动的距离，即元素内容向上滚动的距离，它是一个只读属性，可以用来获取元素的滚动条位置。
使用场景
- 1. 页面滚动定位：通过设置scrollTop来实现页面滚动到指定位置，可以实现滚动到页面顶部、底部以及指定元素的位置；
- 2. 动画效果：可以利用scrollTop的变化来实现动画效果，比如滚动到页面指定位置时，出现某个元素；
- 3. 滚动条拖动：可以利用scrollTop来实现滚动条拖动，比如当鼠标拖动滚动条时，利用scrollTop来实时获取滚动条的位置；
- 4. 元素滚动：可以利用scrollTop来实现元素滚动，比如当元素内容超出可视区域时，可以利用scrollTop来实现元素滚动；
- 5. 滚动事件：可以利用scrollTop来实现滚动事件，比如当滚动条滚动到指定位置时，触发某个事件。
使用方法
// 获取元素滚动条位置
var scrollTop = document.querySelector('#element').scrollTop;
// 设置元素滚动条位置
document.querySelector('#element').scrollTop = 100;