如何将div设置为“visibility：hidden”，如果它们在视口之外
我正在开发移动networking应用程序。 但是，iOS 5.1或更低版本的Safari浏览器内存有限。 当我使用css3转换时，我需要最小化内存使用情况。 我发现，如果我使用CSS样式“显示：无/知名度：隐藏”，该应用程序不会因内存问题而崩溃。 所以我想让这个东西“隐藏”，当他们真正隐藏起来的时候。 我的英语不好。 图片可以显示我想要的：
上传的图片**：**
另一个例子是一个网站使用的CSS“知名度：隐藏”属性隐藏每一个会议，当它不在屏幕上：
示例网站：电通networking
有一个jQuery提供视口select器的插件 。
您可以将所有内容设置为visibility:hidden; 然后仅显示视口中的项目。 一旦用户滚动，您可以重新抓取视口元素并显示它们。
$(":in-viewport").css("visibility", "visible")
你应该能够从document.body.scrollTop和窗口的大小来计算视口。
说如果scrollTop是100px，用户已经向下滚动100px。 现在你可能想要隐藏占据屏幕前100px的div，并显示一个以101px开始的div，并延伸到屏幕的大小（高度）