无码av一区二区三区无码,在线观看老湿视频福利,日韩经典三级片,成 人色 网 站 欧美大片在线观看

歡迎光臨散文網 會員登陸 & 注冊

js判斷dom元素滾動條到達底部的算法

2023-07-13 20:28 作者:布依前端  | 我要投稿

示意圖

前置條件

  1. Element.scrollHeight:Element是Element只讀屬性,是Element實際內容高度,包括溢出導致的視圖中不可見內容;

  2. Element.scrollTop,scrollTop是Element可編輯屬性,表示滾動條可滾動的高度;

  3. Element.getBoundingClientRect(),可以獲取Element的可視高度

打印后你會驚奇發(fā)現(xiàn):

Element.scrollHeight =?Element.scrollTop +?Element.getBoundingClientRect().height

這就是計算Element出現(xiàn)滾動條,且滾動到底部區(qū)域的關鍵關系。

按理論,元素滾動條滾動到底部判斷應該等于

實際開發(fā)中開發(fā)者都會刻意留小段底部區(qū)域,用于判斷滾動條到達底部的依據(jù),避免精確判斷后觸發(fā)概率較小的問題,比如下面這樣寫,可以提前80px知道,滾動條進入了底部區(qū)域。

為了減少滾動條觸發(fā)頻率,采用防抖技術

整合代碼如下

好了今天分享到這里,不清楚的小伙伴可以留言討論。

js判斷dom元素滾動條到達底部的算法的評論 (共 條)

分享到微博請遵守國家法律
娱乐| 房产| 九龙县| 张家港市| 仁怀市| 莎车县| 马边| 牙克石市| 宁明县| 同江市| 田阳县| 陵水| 东兴市| 泽普县| 北碚区| 宣汉县| 宜兰市| 广平县| 巴彦淖尔市| 阿拉尔市| 中西区| 平武县| 邯郸县| 塘沽区| 盐池县| 汉源县| 崇信县| 梁河县| 文山县| 三门峡市| 锡林郭勒盟| 博白县| 泉州市| 鞍山市| 昌吉市| 桂平市| 水富县| 林州市| 温泉县| 双鸭山市| 渭南市|