window.addEventListener 监听不到scroll

在使用`window.addEventListener`监听`scroll`事件时，有时候会出现无法监听到事件的情况。这可能是由于事件冒泡和事件捕获的机制导致的。默认情况下，`addEventListener`使用的是事件冒泡机制，即从内向外依次触发事件。而`scroll`事件是一个特殊的事件，它不会冒泡到`window`对象，而是直接在`document`对象上触发。因此，如果要监听`scroll`事件，需要使用事件捕获机制，即将`useCapture`参数设置为`true`。

以下是一个示例代码，演示如何使用`window.addEventListener`监听`scroll`事件：

// 在componentDidMount，进行scroll事件的注册，绑定一个函数，让这个函数进行监听处理
componentDidMount() {
  window.addEventListener('scroll', this.handleScroll, true);
}

// 在componentWillUnmount，进行scroll事件的注销
componentWillUnmount() {
  window.removeEventListener('scroll', this.handleScroll, true);
}

// 定义handleScroll函数，处理scroll事件
handleScroll = (event) => {
  console.log('开始滚动了');
}