vue監聽滾動條到底部

created() {
    this.$nextTick(() => {
      // this.initScroll()
      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){
          //寫後臺加載數據的函數
          console.log("距頂部"+scrollTop+"可視區高度"+windowHeight+"滾動條總高度"+scrollHeight);
        }  
      }
    })
  },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章