国产精品天干天干,亚洲毛片在线,日韩gay小鲜肉啪啪18禁,女同Gay自慰喷水

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

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元素滾動條到達底部的算法的評論 (共 條)

分享到微博請遵守國家法律
九龙城区| 普洱| 喜德县| 宣城市| 中江县| 广水市| 顺义区| 麻城市| 赤壁市| 深水埗区| 霍邱县| 西青区| 仲巴县| 常宁市| 樟树市| 左云县| 漳州市| 高邮市| 洛隆县| 江西省| 买车| 济源市| 贡觉县| 东乡| 岳阳市| 成都市| 无极县| 博爱县| 云林县| 莆田市| 吉隆县| 共和县| 明水县| 盐亭县| 布尔津县| 定陶县| 陆良县| 晋中市| 玉山县| 英山县| 宁海县|