使用场景:做一些根据某个容器滚动高度而展示的动画或者逻辑
vue有提供@scroll事件监听滚动事件
效果:
布局:
<div class="Box">
<div class="resList" ref="resListRef" @scroll="resLisScroll" >
<el-row :gutter="10" v-for="item in 10" :key="item" >
{{ item }}
row>
div>
div>
js:
methods: {
resLisScroll(){
let toTop = this.$refs.resListRef.scrollTop;
console.log('top:'+toTop);
}
}
笔记,便阅!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)