vue滚动条滚到到底部触发的方法


1、设置需要滚动的盒子 首先要有滚动条 overflow-y:auto 或overflow-y: scroll; 然后设置 事件@scroll="scrollEvent" 方法名自己定义

<div class="innerBox" @scroll="scrollEvent">
     <div class="item" @click.stop="onTarget(item.custName)" v-for = "item in NewItems">{{item.custName}}</div>
</div>

2、写入方法 判断是否 到达底部

//滚动条触发事件
scrollEvent(e) { console.log(e)
if (e.srcElement.scrollTop + e.srcElement.clientHeight == e.srcElement.scrollHeight ) { console.log("嘿嘿我在底部触发了") } },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM