javascript - 如果不在视口视图中，如何从 DOM 中隐藏元素

Question

所以我有一个用例，其中我有一个需要渲染的元素列表。但是为了节省性能，我只需要显示当前视口中的那些。其他元素需要从视图中弹出。一旦出现，就需要放回去。我有一个正在使用的代码沙箱参考。但这似乎只适用于一个元素。我曾尝试使用它们的数组，但 isInView(the state) 对所有这些都是通用的，因此效果不佳。