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("到了底部");
        } 
      }
  }