監聽滾動條動態載入

2022-01-17 03:39:36 字數 984 閱讀 4361

最近做了個聊天的專案所以需要向上滾動然後動態載入,於是我就把這一塊單獨提取出來弄成外掛程式。

下面就是實現的效果

// 直接弄在arr上面他重新取值的話會被覆蓋this.nodescrollarr

self.bind('scroll',function() else if(path == 'bottom' && contenth - viewh - scrolltop <= 5 && contenth > viewh + 20 && self[0].nodescrollarr.nodescrolltop < scrolltop)

}self[0].nodescrollarr.nodescrolltop = scrolltop;

return self;

});}

});呼叫

$('#a1').scrolldetect('top', function()

draw('#a1',arradd);

console.log($('#a1'))

$('#a1').scrolltop($('#a1').get(0).scrollheight - $('#a1')[0].nodescrollarr.notecontenth);

} else

})

所有的**模擬一下ajax請求:

沒有更多訊息

//滾動條是否在底部dom[0].scrolltop + dom.height() ===dom[0].scrollheight

滾動條在y軸上的滾動距離 + 內容可視區域的高度 === 內容可視區域的高度加上溢位(滾動)的距離

Js實現滾動載入原理 監聽滾動條滾動

原理 就是監聽頁面滾動事件,分析clientheight scrolltop scrollheight三者的屬性關係。1.document.compatmode css1compat 模式下 也就是宣告了dtd情況下 window.addeventlistener scroll function f...

監聽滾動條事件

今天遇到需要監聽滾動條事件的問題,本來以為是乙個簡單的監聽就好了,哪成想,這麼多bug,說到底還是自己基礎不紮實,所以趁現在下班沒事把它記錄下來。以備後續所需,哈哈。1 首先是最基本的監聽事件 methods mounted mounted 後面的 true 則是第三個引數然後就可以出來了 下圖便是...

移動端顯示滾動條以及滾動條的監聽事件

1 移動端顯示滾動條 在移動端滾動條缺省會隱藏,如何顯示呢 需要新增以下 了。並且需要給body或者外層盒子新增 rows 類名,這樣滾動條就可以顯示出來了 rows rows webkit scrollbar track piece rows webkit scrollbar rows webki...