<ul ref="box">
<!-- 这里面是内容 -->
</ul>

js

mounted() {
    let box = this.$refs.box;
    box.addEventListener(\'scroll\',this.handleScroll,true);
 },
methods: {
    handleScroll(e){
      //变量scrollTop是滚动条滚动时，距离顶部的距离
      var scrollTop = e.target.scrollTop;
      //变量windowHeight是可视区的高度
      var windowHeight = e.target.clientHeight;
      //变量scrollHeight是滚动条的总高度
           var scrollHeight = e.target.scrollHeight;
      //滚动条到底部的条件
      if(scrollTop + windowHeight == scrollHeight){
        //写后台加载数据的函数
           console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
      }
    },
}

 

版权声明：本文为hb88原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/hb88/p/13749143.html