Skip to content

场景: web项目,聊天记录历史搜索。需要支持上拉无限加载,下拉无限加载。

Notifications You must be signed in to change notification settings

18946168254/scrollLoading-pc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

scrollLoading-pc

场景:

web项目,聊天记录历史搜索。需要支持上拉无限加载,下拉无限加载。

目标:

支持所需场景;可配置。

更新日志

v3

*可以指定顶部加载 的触发距离:大于顶部观察器高度 并小于 容器高度

v2

*利用滚动锚定,防页面抖动

难点:

顶部无限滚动很麻烦,网上没找着好的解决方案。刚开始 顶部也想使用 IntersectionObserver 特性来做,但二次触发比较麻烦,后来改用监听 scroll 事件。问题又来了,滚动条一直处于顶部,无法保持原来的位置。

本例解决方案是:利用 scrollIntoViewIfNeeded 特性,在组装列表完成后,手动调用,使其滚动到 原来的列表项位置。

About

场景: web项目,聊天记录历史搜索。需要支持上拉无限加载,下拉无限加载。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages