本文介绍了如何在JavaScript中使用scroll事件监听滚动事件，并通过scrollTop和scrollLeft属性获取滚动位置，配合CSSoverflow属性实现滚动效果。初学者可参考，欢迎指出错误。
鼠标滚动scroll
<script>
window.addEventListener('scroll', function () {
console.log('滚动')
})
</script>scrollTop scrollLeft 获取被滚动过去的大小
<style>
.example {
overflow: scroll;
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
<body>
<div class="example">
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
啊啊啊啊啊啊啊啊啊啊啊
</div>
<script>
const div = document.querySelector('div')
div.addEventListener('scroll', function () {
console.log(div.scrollTop)
})
</script>
</body>初学者，见解不足，如有错误请指出
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
