javascript - 无限滚动+ masonry 崩溃

标签 javascript crash infinite-scroll masonry

我一直在使用 infiniteScroll + masonry。 infiniteScroll 和 masonry 都不错。 我可以轻松地制作 infiniteScroll。我可以根据可用的垂直空间将元素放置在最佳位置。

但是,我遇到了一个问题。 我附加的内容越多,滚动就越慢。最后,浏览器崩溃了。

我该怎么办? 请有人帮助我。

最佳答案

Masonry 和 infiniteScroll 是很好的库。

但是,如果考虑长内容和高性能,则必须考虑使用它们。

因为 infinteScroll 和 Masonry 稳步增加 DOM。 无限滚动仅附加内容。因此,如果内容很长,滚动会很慢并且浏览器会被阻塞。 您应该使用 DOM 回收结构。

我推荐了eg.infiniteGrid . eg.infiniteGrid 始终保留一定数量的 DOM。

查看此视频:eg.infiniteGrid benchmark : 追加项目表现

关于javascript - 无限滚动+ masonry 崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36443328/

相关文章:

javascript - 获取新内容后重新加载脚本(无限滚动 wordpress + fancybox)

javascript - formly 动态选项中的默认值

memory - Windows Phone 8.1 应用程序崩溃。我怎样才能看到异常?

c++ - QT 应用程序停止工作

c# - 在 Windows 移动设备上调试时,如何阻止 Visual C# 2005 崩溃?

ios - 无限滚动和重复数据

javascript - 如何构建更好的 React 列表容器组件?

javascript - div限制字符的文本,添加 "Read more"链接,点击链接显示所有字符

javascript - 如何在 GitHub 上 fork 我自己的要点?

ajax - 使用 MongoDb 和 Nodejs 进行 ajax 分页的最佳方法是什么?