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

标签 javascript css browser

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

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

最佳答案

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

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

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

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

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

关于javascript - 有什么方法可以检测有多少浏览器窗口可见?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15320508/

相关文章:

javascript - 如何将浏览器从加载状态更改为已加载状态?

javascript 将文本添加到发送到数据库的字符串

javascript - 扩展框 - 整理

javascript - 隐藏 getter 或添加到 proto 对象中

javascript - 是否可以通过移动设备上的浏览器访问本地文件?

javascript - 安装时将所有 (*.js) 或 (*.css) 文件批量添加到服务工作线程缓存

javascript - 如何在 Alpine.js 组件中获取数据属性的值?

html - 如何用CSS分离html标题和内容并使内容可滚动

html - Bootstrap css 列项不是内联的

html - 嵌套列表和 z-index