概要
vue中监听scroll事件失效的问题及解决。
代码实例
<div class="specialty-store-page" ref="scrollBox" @scroll="handleBlScroll">
handleBlScroll() {
console.log('1111')
}
vue 监听scroll 事件也不生效。原因是addEventListener第三个参数没有写true
对于这个问题解释一下这三个参数吧
因为我写的div 只是window内部的一个小元素,所以,需要向下捕获才可以。
问题
无法监听到滚动的事件,不打印console
解决及根本原因
scroll的元素需要确认 设置overflow-y:scroll;height高度的样式