哈喽 大家好 我在vue中写了一个滚动scroll监听事件
![](https://img-blog.csdnimg.cn/direct/95a2356bef0345f58cfa428327fd6f4e.png)
然后滚动鼠标 发现进不来我的方法断点
![](https://img-blog.csdnimg.cn/direct/7ede36c2d7cd4b38ba8216ef122ae322.png)
原因:
-
事件绑定错误:确保你使用
@scroll
正确绑定到了可滚动容器上。 -
事件冒泡:滚动事件可能被封装在某些组件内部,导致不会冒泡到父元素上。
-
组件内部没有正确地设置
overflow: scroll;
属性,使得元素不可滚动。
我这里的原因是:
绑定scroll事件的div容器应该有overflow 可以滚动的
![](https://img-blog.csdnimg.cn/direct/86d49dd860b8407bb7ab937ab15d0b32.png)
![](https://img-blog.csdnimg.cn/direct/f88b4a4a2c2841fbbefb5de60dd7ee01.png)
接下来打断点就进入到方法了:
![](https://img-blog.csdnimg.cn/direct/fbef9f4525244ec98d5e12bc8574c2fc.png)
哈喽 大家好 我在vue中写了一个滚动scroll监听事件
然后滚动鼠标 发现进不来我的方法断点
原因:
事件绑定错误:确保你使用@scroll
正确绑定到了可滚动容器上。
事件冒泡:滚动事件可能被封装在某些组件内部,导致不会冒泡到父元素上。
组件内部没有正确地设置overflow: scroll;
属性,使得元素不可滚动。
我这里的原因是:
绑定scroll事件的div容器应该有overflow 可以滚动的
接下来打断点就进入到方法了: