場景:
web項目,聊天記錄歷史搜索。需要支持上拉無限加載,下拉無限加載。
目標:
支持所需場景;可配置。
難點:
頂部無限滾動很麻煩,網上沒找着好的解決方案。剛開始 頂部也想使用 IntersectionObserver 特性來做,但二次觸發比較麻煩,后來改用監聽 scroll 事件。問題又來了,滾動條一直處於頂部,無法保持原來的位置。
本例解決方案是:利用 scrollIntoViewIfNeeded 特性,在組裝列表完成后,手動調用,使其滾動到 原來的列表項位置。
成品效果:
湊合能用,O(∩_∩)O哈哈~