如果它们在视口之外,我如何将div设置为"visibility:hidden"

Question

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

上传图片**:**

另一个例子是一个网站使用css"visibility:hidden"属性来隐藏每个会话,当它不在屏幕上时:

示例网站:电通网络

Answer 1

有一个jQuery 插件提供视口选择器。

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

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