<div class="roll" @scroll="scrollEvent"></div>
scrollEvent () {
// 可存this指向
const ts = this
document.querySelector('.roll').addEventListener('scroll', function () {
// scrollHeight: 内容区域的总高度 clientHeight: 内容可视区域的高度 scrollTop: 滚动距离顶部的位置
// 总高度减距离顶部的距离再减5判断是否小于可视区域的高度
if (parseInt(this.scrollHeight - this.scrollTop - 5) < this.clientHeight) {
console.log('到底部了')
// 干你想干的事
}
})
}
vue监听某一个元素是否滚动到底部
最新推荐文章于 2024-03-28 09:14:40 发布