五月天青色头像情侣网名,国产亚洲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元素滾動條到達底部的算法的評論 (共 條)

分享到微博請遵守國家法律
如东县| 合江县| 岳阳市| 都兰县| 上蔡县| 聂荣县| 唐海县| 安徽省| 开平市| 富民县| 泾阳县| 中卫市| 尉犁县| 台南县| 延庆县| 右玉县| 牡丹江市| 象州县| 扎囊县| 拜城县| 苏尼特左旗| 柞水县| 云林县| 红桥区| 漾濞| 西宁市| 夹江县| 修武县| 阳信县| 响水县| 包头市| 景东| 同仁县| 通山县| 泰来县| 隆德县| 望谟县| 呼玛县| 沁源县| 兴文县| 锡林浩特市|