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