下拉載入更多 防止多次觸發

2022-03-02 22:54:15 字數 687 閱讀 7379

需要在聊天互動展示列表展示,滑動到最下面,重新請求載入資料

利用 滾動的位置+滾動的距離 - (自定義的偏移量)》=元素盒子的高度 來計算是否元素內部滾動到了底部:nscrolltop + ndivhight> nscrollhight

因為1px 也是超出,有可能造成多次請求,所以要進行一下定時器延遲執行

$('.scroll_box').scroll(function () 

var ndivhight = obj.height();//元素的固定高度

var nscrollhight = $(this)[0].scrollheight;//滾動距離總長

var nscrolltop = $(this)[0].scrolltop;//滾動到的當前位置

//40是偏差大小

if(nscrolltop + ndivhight-40> nscrollhight)

});var loadmore=(type)=>

//防止多次觸發

var debounce=(func,wait=1000)=>,wait)}}

var getloadmore=debounce(loadmore)

下拉載入更多

前言 由於專案需要,經理喊我做乙個瀑布流的檢視,在網上找了幾個目前主流的幾個瀑布流解決方案。最後分別研究了各自的解決方案,我選擇了stageredgridview。大家可以在github上找到。但是最後我發現用stageredgridview來實現下拉重新整理 上拉載入更多很不方便,並且stager...

下拉載入更多

element.scrollheight 元素內容高度的度量 包括由於溢位導致的檢視中不可見的內容 element.clientheight 元素內部的高度 包括內邊距,但是不包括水平滾動軸與邊距和外邊距 element.scrolltop 獲取或者設定乙個元素的內容垂直滾動的畫素數。2.判斷乙個元...

uni 下拉載入更多 uni app下拉載入更多

其實關於載入更多這個外掛程式,官方已經為我們提供了,放在擴充套件元件中,當然這個元件只是為我們實現了上拉載入的按鈕顯示樣式,具體的獲取資料邏輯還是需要我們自己去編寫。效果預覽 轉的有點大,沒工夫找工具了。分析資料結構 我們獲取資料的邏輯是要根據目標介面返給我們的的資料結構來編寫的,我們先來看下目標返...