Vue监听页面滚动触底事件_vue滚动事件触底

作者：我家自动化 | 2024-06-10 11:39:16

踩

vue滚动事件触底

直接在需要监听的页面最外层div加监听事件


<template>
<div class="contain" @scroll="onScroll">
 
</div>
</template>
 
methods:{
 
 onScroll(e){
 
let scrollTop = e.target.scrollTop;
let scrollHeight = e.target.scrollHeight;
let offsetHeight = Math.ceil(e.target.getBoundingClientRect().height);
let currentHeight = scrollTop + offsetHeight;
 if (currentHeight >= scrollHeight) {
      console.log('触底了')
     }
 
  }
 
}

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/698603