vue 监听某个div滚动,获取滚动高度

vue 监听某个div滚动,获取滚动高度

使用场景:做一些根据某个容器滚动高度而展示的动画或者逻辑
vue有提供@scroll事件监听滚动事件

效果:
vue 监听某个div滚动,获取滚动高度_第1张图片

布局:

<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);
    }
   }

笔记,便阅!

你可能感兴趣的:(vue,vue.js,javascript,前端)