最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

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

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

分享到微博請遵守國家法律
晋宁县| 大埔县| 巴彦县| 德安县| 浠水县| 十堰市| 云梦县| 临沂市| 肇源县| 沙河市| 驻马店市| 靖边县| 龙泉市| 迭部县| 松滋市| 岫岩| 平顶山市| 怀化市| 攀枝花市| 岢岚县| 阳江市| 余庆县| 依安县| 伊金霍洛旗| 大连市| 冕宁县| 喀什市| 元朗区| 兴仁县| 县级市| 滦平县| 古田县| 梁平县| 抚远县| 大连市| 开阳县| 喀什市| 陵水| 托克逊县| 开阳县| 象山县|