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("嘿嘿我在底部触发了") } },

 

posted @ 2020-10-23 10:12  吃橘子的小蜗牛  阅读(6043)  评论(0编辑  收藏  举报