關於H5判定區域里面滑動到底部，加載更多的總結

1、如何判定H5中滑動到底部，然后加載更多的功能實現。

思路：我們需要設定一個固定高度的盒子，然后我們利用scroll來監聽滾動，當scrollTop（滾動的距離） + clientHeight（頁面的設定的高度） >= scrollHeight（頁面內容總高度）

這樣我們就可以判定頁面內容滑動到底部了，然后加載更多數據。

 $("#Box").scroll(function () {
         let scrollTop = document.getElementById("Box").scrollTop;
          let clientHeight = document.getElementById("Box").clientHeight;
          let scrollHeight = document.getElementById("Box").scrollHeight;
        if (scrollTop + clientHeight >= scrollHeight) {
            console.log("滑到底了")
      }
  })

以上，完畢。

 

另外：算自適應的高度，正確的做法是：

let mywidth = document.body.clientWidth;

let myheight = document.body.clientHeight - mywidth / 750 * 100;