15种最佳无限滚动组件

无限滚动功能已经存在了一段时间。它’是增强应用程序用户体验的好方法。在无限滚动中,向下滚动页面时将加载新内容。当您获得内容的底部时,网页将加载新内容并将其附加到底部。一个熟悉的示例可能是Facebook,您将看到帖子和图像的提要。向下滚动时,会显示更多帖子。时间轴或提要最适合无限滚动。有许多第三方库可用。因此,这里有15个 无限滚动组件s,用于实现无限滚动的简单方法。

虚拟化

反应 组件可有效地呈现大型列表和表格数据。 虚拟化几乎没有依赖关系,大多数依赖关系由NPM自动管理。但是,您的项目必须指定以下对等依赖项,以避免版本冲突:react,react-dom。 NPM不会自动为您安装它们,但会向您显示警告消息,并提供有关如何安装它们的说明。

 虚拟化

无限滚动条

使用React组件无限加载内容。该fork维护了一个简单,轻量级的无限滚动包,它同时支持window和scrollable元素。

 无限滚动条

Libreact

反应标准库–任何React项目的必备工具箱。

Libreact

无限日历

使用React构建的无限滚动日期选择器,以及本地化,范围选择,主题,键盘支持等。

 无限日历

清单

通用的无限滚动组件。

 清单

无限滚动组件

一个很棒的无限滚动组件在反应。仅需4.15 kB即可消除所有无限滚动难题的组件!添加了下拉至刷新功能。实际上有效的无限滚动,并且集成起来非常简单!

 无限滚动组件

无限滚动

另一个反应无限滚动包。

 无限滚动

Egjs Infinitegrid

用于根据布局类型无限安排包含内容的卡片元素的模块。使用此模块,您可以实现由大小不同的不同卡片元素组成的各种布局。通过在任何情况下保持模块正在处理的DOM数量,可以保证性能

Egjs Infinitegrid

窗口无限加载器

InfiniteLoader组件受react-virtualized启发,但可与react-window一起使用。

 窗口无限加载器

无限网格

反应 无限网格是一个React组件,用于渲染React元素的网格。它’之所以有所不同,是因为它仅呈现用户可以看到的元素(和一个小的缓冲区),这意味着它非常适合显示大量元素。

 无限网格

砌体无限

用于砌体网格的非常简单的React.js组件。基于Bricks.js, 无限滚动条和React Masonry Layout。组件最适合静态数据,但可以与实例方法一起用于动态数据。

 砌体无限

简单无限滚动

一个残酷的简单的无穷滚动组件。

 简单无限滚动

无穷

基于UITableView的浏览器就绪的高效滚动容器。将一长串DOM元素放置在可滚动的容器中时,即使它们不在用户中,它们也都保留在DOM中’的观点。这是非常低效的,尤其是在滚动列表可能长达数万或数十万个项目的情况下。 无穷通过仅呈现用户能够看到或可能很快看到的DOM节点来解决此问题。其他DOM节点被群集并呈现为单个空白节点。

 无穷

无限滚动列表

反应 组件使用IntersectionObserver API管理无限列表。

 无限滚动列表

无限滚动钩

一个简单的钩子,用于创建无限滚动列表组件。

 无限滚动钩

发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.