vue监控滚动条到达底部（获取滚动条到达底部得距离）原⽂：
vue
jquery滚动条滚动到底部⾸先有滚动条的div⼀定要设固定⾼度，然后overflow:auto；出现滚动条
passive是使滚动更加流畅，减少卡顿
<ul @scroll.passive="getScroll($event)" >
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
<li>内容内容</li>
</ul>
// vue中判断滚动条滚动到底部
getScroll(event) {
// 滚动条距离底部的距离scrollBottom
let scrollBottom =
event.target.scrollHeight -
event.target.scrollTop -
event.target.clientHeight;
console.log(scrollBottom) // 滚动到底部的距离
if ( scrollBottom < 0) { // 判断滚动到底部时
//  操作
}
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。