js监听滚动事件

监听滚动事件可以使用window对象的scroll事件。具体代码如下:

window.addEventListener('scroll', function() {
  // 在这里编写需要执行的代码
  console.log('页面正在滚动');
});

当页面滚动时,scroll事件就会被触发,然后就可以在事件处理函数中编写相应的逻辑来实现需要的功能,比如实现吸顶效果、懒加载图片等等。

在事件处理函数中,可以使用document.documentElement.scrollTopdocument.body.scrollTop来获取当前页面的滚动距离。同时也可以使用window.innerWidthwindow.innerHeight来获取当前窗口的宽度和高度,以便在需要时进行响应式布局。