vue 监听滚动条（获取滚动条距离底部距离）

最新推荐文章于 2024-03-28 09:14:40 发布

m0_56363729

最新推荐文章于 2024-03-28 09:14:40 发布

阅读量2.1k

点赞数 2

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_56363729/article/details/122661781

版权

前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

参考链接：https://www.cnblogs.com/yck123/p/10978941.html
@scroll实现
首先有滚动条的div一定要设固定高度，然后overflow:auto;出现滚动条
passive是使滚动更加流畅，减少卡顿,

 <div id="my" @scroll.passive="getScroll($event)"></div>

getScroll(event) {
      // 滚动条距离底部的距离scrollBottom
      let scrollBottom =
        event.target.scrollHeight -
        event.target.scrollTop -
        event.target.clientHeight;
      // if (this.finished && scrollBottom < 40) {
      //  操作
      // }
    },