通过获取到滚动条距离底部的距离,可以实现上拉加载操作
有滚动条,div一定要设固定高度,然后overflow: auto出现滚动条
<div @scroll.passive="gotoScroll($event)" style="height: 100px; overflow: auto"></div>
passive是使滚动更加流畅,减少卡顿
gotoScroll(event) {
// 滚动条距离底部的距离scrollBottom
let scrollBottom = event.target.scrollHeight - event.target.scrollTop - event.target.clientHeight
if (scrollBottom === 0) {
doSome() // 操作
}
}