vue滚动条滚到到底部触发的方法
1、设置需要滚动的盒子 首先要有滚动条 overflow-y:auto 或overflow-y: scroll; 然后设置 事件@scroll="scrollEvent" 方法名自己定义<div class="innerBox" @scroll="scrollEvent"><div class="item" @click.stop="onTarget(item.custName)
·
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("嘿嘿我在底部触发了")
}
},
更多推荐
已为社区贡献3条内容
所有评论(0)