五月天青色头像情侣网名,国产亚洲av片在线观看18女人,黑人巨茎大战俄罗斯美女,扒下她的小内裤打屁股

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

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

分享到微博請遵守國家法律
安远县| 康平县| 温宿县| 黄骅市| 永康市| 永兴县| 东城区| 梅河口市| 喀喇| 涿州市| 平定县| 黄大仙区| 安庆市| 临颍县| 宝坻区| 松潘县| 竹北市| 安陆市| 南投县| 屏东县| 成安县| 浪卡子县| 卢湾区| 凤冈县| 厦门市| 海晏县| 铁岭县| 尼木县| 邵东县| 桂林市| 静宁县| 启东市| 嘉鱼县| 博白县| 龙川县| 墨竹工卡县| 鄂温| 雅安市| 潮安县| 绵阳市| 凯里市|