天天看點

JS判斷滾動條到底部,頁面是否有滾動條

要判斷頁面滾動條是否到底,需要了解三個屬性:

scrollHeight:擷取元素内容高度的度量,包括由于溢出導緻的視圖中不可見内容,說直白點,算上了滾動條不可見的那部分高度。

clientHeight:一般使用document.documentElement.clientHeight擷取可視視窗高度,不包括溢出不可見高度。

scrollTop:滾動條具體可視視窗頂部的高度。

1.判斷滾動條是否到底部:

element.scrollHeight - element.scrollTop === element.clientHeight      

2.判斷是否有滾動條:

element.scrollHeight > element.clientHeight ? 有滾動條 :無滾動條      

轉載于:https://www.cnblogs.com/echolun/p/10683679.html