上拉、下拉無限滾動組件-pc端


場景:

web項目,聊天記錄歷史搜索。需要支持上拉無限加載,下拉無限加載。

目標:

支持所需場景;可配置。

難點:

頂部無限滾動很麻煩,網上沒找着好的解決方案。剛開始 頂部也想使用 IntersectionObserver 特性來做,但二次觸發比較麻煩,后來改用監聽 scroll 事件。問題又來了,滾動條一直處於頂部,無法保持原來的位置。

本例解決方案是:利用 scrollIntoViewIfNeeded 特性,在組裝列表完成后,手動調用,使其滾動到 原來的列表項位置。

成品效果:

湊合能用,O(∩_∩)O哈哈~

代碼:

https://github.com/18946168254/scrollLoading-pc


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM