如果它们在视口之外，我如何将div设置为“visibility：hidden”

Question

我正在开发移动网络应用。但是，iOS 5.1或更低版本的Safari具有有限的内存。我需要在使用css3转换时最小化内存使用量。我发现如果我使用css样式“display：none / visibility：hidden”，应用程序不会因内存问题而崩溃。因此，当他们真正被隐藏时，我想让事物“隐藏”。 我的英语不好。图片可以显示我想要的内容：

上传图片**：**

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

example website: Dentsu Network

Answer 1

有plugin for jQuery offering viewport selectors。

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

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

Answer 2

您应该可以从document.body.scrollTop和窗口大小计算视口。

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