要判斷頁面滾動條是否到底,需要了解三個屬性:
scrollHeight:獲取元素內容高度的度量,包括由於溢出導致的視圖中不可見內容,說直白點,算上了滾動條不可見的那部分高度。
clientHeight:一般使用document.documentElement.clientHeight獲取可視窗口高度,不包括溢出不可見高度。
scrollTop:滾動條具體可視窗口頂部的高度。
1.判斷滾動條是否到底部:
element.scrollHeight - element.scrollTop === element.clientHeight
2.判斷是否有滾動條:
element.scrollHeight > element.clientHeight ? 有滾動條 :無滾動條
