vue @scroll 事件
vue 的 scroll 事件做首页按需加载的时候 滚动条滚动到底部之后加载由于如果绑定在window上,那么路由切换之后,事件依然会被触发,所以在div元素上绑定(如果绑定在window上,那么在导航守卫里,路由离开的时候解绑就行了,一样可以实现功能)在元素标签上直接绑定 scroll 事件<div class="home-test" @scroll="
·
vue 的 scroll 事件
做首页按需加载的时候 滚动条滚动到底部之后加载
由于如果绑定在window上,那么路由切换之后,事件依然会被触发,所以在div元素上绑定
(如果绑定在window上,那么在导航守卫里,路由离开的时候解绑就行了,一样可以实现功能)
在元素标签上直接绑定 scroll 事件
<div class="home-test" @scroll="scrollGet($event)">
...
</div>
如果发现事件无效,那么可能div要给个样式,比如说这样
html,body{
height:100%
}
.home-test{
height: 100%
overflow-y: scroll
}
然后可以通过事件传过来的$event获取到scrollTop之类的啦
scrollGet (e) {
console.log(e.srcElement.scrollTop, e.target.scrollTop)
}
e.srcElement 和 e.target 获取到的都是节点对象,具体有什么区别暂时不清楚。。。
具体的内容可以直接打印 event 对象看一下
更多推荐
已为社区贡献7条内容
所有评论(0)