javascript - 有什么方法可以检测有多少浏览器窗口可见？

Question

这可能是一个模糊的问题，所以我提前道歉。我只是想知道是否有任何方法(Javascript、服务器端或其他方式)可以以某种方式检测浏览器窗口的任何部分是否在屏幕上不可见。

例如，也许我几乎最大化了我的浏览器窗口，然后捕获它并将它的一部分拖出屏幕......这可以触发任何 Javascript/ajax 事件来找出有多少视口(viewport)“不可见” ,"使我能够向文档添加一个类或可以调整样式的东西，或者是无法与 Web 应用程序通信的操作系统级事件/变量？

Answer 1

jQuery Waypoints 插件 http://imakewebthings.github.com/jquery-waypoints/

您可以使用该插件检测元素何时位于视口(viewport)中。

我发现另一个有用的教程(不知道它是否与您相关)是 http://www.9lessons.info/2009/07/load-data-while-scroll-with-jquery-php.html

这是一种通过 AJAX 加载内容的方法，可以加快初始加载时间并改善用户体验。

这取决于你究竟想要实现什么:)