vue 监听页面滚动到底部

 

本文参考自： https://www.jianshu.com/p/df8013d3fdaf

 

这里声明this很重要。

mounted () {
    let _this = this;
    window.onscroll = function(){
      //变量scrollTop是滚动条滚动时，距离顶部的距离
      var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
      //变量windowHeight是可视区的高度
      var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
      //变量scrollHeight是滚动条的总高度
      var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
        //滚动条到底部的条件
        if(scrollTop+windowHeight == scrollHeight){
        //到了这个就可以进行业务逻辑加载后台数据了
          _this.footerText = '我是有底线的';
          console.log("到了底部");
        } 
      }
  }