我一直在使用 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/