美文网首页
vue 监听滚动条(获取滚动条距离底部距离)

vue 监听滚动条(获取滚动条距离底部距离)

作者: 不会写代码的机器人 | 来源:发表于2019-09-29 17:07 被阅读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) {
          //  操作
          // }
        },
    

    相关文章

      网友评论

          本文标题:vue 监听滚动条(获取滚动条距离底部距离)

          本文链接:https://www.haomeiwen.com/subject/dcxqpctx.html