中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

jquery怎么判斷滾動條滾到頁面底部并執行事件

發布時間:2022-10-23 11:53:11 來源:億速云 閱讀:208 作者:iii 欄目:開發技術

本文小編為大家詳細介紹“jquery怎么判斷滾動條滾到頁面底部并執行事件”,內容詳細,步驟清晰,細節處理妥當,希望這篇“jquery怎么判斷滾動條滾到頁面底部并執行事件”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

首先理解三個dom元素,分別是:clientHeight、offsetHeight、scrollTop。

clientHeight:這個元素的高度,占用整個空間的高度,所以,如果一個div有滾動條,那個這個高度則是不包括滾動條沒顯示出來的下面部分的內容。而只是單純的DIV的高度。

offsetHeight:是指元素內容的高度。依照上面的,那這個高度呢就是DIV內部的高度,包括可見部分及以滾動條下面的不可見部分。

scrollTop:這個是什么呢?他可以理解為滾動條可以滾動的長度。

舉例,如果一個DIV高度是400px(即clientHeight為400),而里面的內容是一個很長的列表,內容的高度是1000px(即offsetHeight為1000)。那么,可見部分我們看到400px,1000px的內容中還有600px不可見。而這不可見的部分呢,正是我們通過拉動滾動條才能把這一部分顯示出來。你如果滾動條不拉動,此時scrollTop為0,如果你把滾動條拉到底,顯示出列表最下面的部分,此時,scrollTop為600。 所以scrollTop的取值區間為[0, 600]。 所以這個600可以理解為滾動條可以滾動的長度。

理解完上面的這個概念之后。要判斷是否滾動到底部就很好做了。

首先,我們拉動滾動條,從最上面拉到最下面,變化的是scrollTop的值,而這個值是有一個區間的。
這個區間是: [0, (offsetHeight - clientHeight)]
即,滾動條拉動的整個過程的變化在 0 到 (offsetHeight – clientHeight) 范圍之內。

1、判斷滾動條滾動到最底端: scrollTop == (offsetHeight – clientHeight)
2、在滾動條距離底端50px以內: (offsetHeight – clientHeight) – scrollTop <= 50
3、在滾動條距離底端5%以內: scrollTop / (offsetHeight – clientHeight) >= 0.95

如上。
如果要實現拉到底部自動加載內容。只要注冊個滾動條事件:

scrollBottomTest =function(){
   $("#contain").scroll(function(){
     var $this =$(this),
     viewH =$(this).height(),//可見高度
     contentH =$(this).get(0).scrollHeight,//內容高度
     scrollTop =$(this).scrollTop();//滾動高度
    //if(contentH - viewH - scrollTop <= 100) { //到達底部100px時,加載新內容
    if(scrollTop/(contentH -viewH)>=0.95){ //到達底部100px時,加載新內容
    // 這里加載數據..
    }
   });
}

讀到這里,這篇“jquery怎么判斷滾動條滾到頁面底部并執行事件”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

临西县| 彩票| 长顺县| 盐津县| 广灵县| 长岛县| 溆浦县| 乌拉特后旗| 花垣县| 吴桥县| 怀仁县| 九寨沟县| 错那县| 图木舒克市| 喀喇沁旗| 千阳县| 丘北县| 福泉市| 洪泽县| 岳阳市| 墨竹工卡县| 迁安市| 黄浦区| 齐齐哈尔市| 禹城市| 遂溪县| 桃江县| 张家界市| 长沙县| 渑池县| 南汇区| 永年县| 紫阳县| 唐河县| 沙河市| 秦安县| 渝北区| 化德县| 德昌县| 岢岚县| 镇平县|