Javascript：元素滚动事件

听海边涛声

于 2024-06-23 14:12:12 发布

阅读量185

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/panghuangang/article/details/139899015

版权

页面滚动事件：滚动条在滚动时持续触发的事件。

事件名：scroll

监听整个页面滚动：

window.addEventListener('scroll, function () {
	// 执行的具体操作
})

给window 或 document 添加 scroll事件都可以。
如果要监听某个元素的内部滚动，直接给某个元素加即可

示例：给window添加scroll事件

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    body {
      height: 3000px;
    }
  </style>
</head>

<body>
  <script>
    window.addEventListener('scroll', function () {
      console.log('滚动条滚动了')
    })
  </script>
</body>

</html>