javascript - 如果 div 在视口之外，我如何将它们设置为“可见性：隐藏”

Question

我正在开发移动网络应用程序。但是，iOS 5.1 或更低版本中的 safari 内存有限。当我使用 css3 转换时，我需要最小化内存使用量。我发现如果我使用 css 样式“显示：无/可见性：隐藏”，应用程序不会因内存问题而崩溃。因此，当它们真正隐藏时，我想将它们“隐藏”。我的英语不好。图片可以显示我想要的：

上传图片**：**

另一个例子是网站使用 css “visibility: hidden” 属性来隐藏不在屏幕上的每个会话：

示例网站：电通网络

Answer 1

有一个jQuery 插件提供 viewport selectors。

您可以将所有内容设置为visibility:hidden;，然后仅在视口中显示项目。用户滚动后，您可以重新抓取视口元素并显示它们。

 $(":in-viewport").css("visibility", "visible")

Answer 2

您应该能够计算视口document.body.scrollTop和窗口的大小。

假设 scrollTop 为 100px，则用户向下滚动了 100px。现在你可能想要隐藏一个占据屏幕顶部 100px 的 div 并显示一个从 101px 开始并延伸到屏幕大小（高度）的 div