Javascript 有没有办法检测浏览器窗口中有多少是可见的?

Javascript 有没有办法检测浏览器窗口中有多少是可见的?,javascript,css,browser,Javascript,Css,Browser,这可能是一个模糊的问题,所以我提前道歉。我只是想知道是否有任何方法(Javascript、服务器端或其他)可以检测浏览器窗口的任何部分是否在屏幕上不可见 例如,可能我几乎最大化了我的浏览器窗口,然后抓住它并将其从屏幕上拖走……这会引发任何Javascript/ajax事件,以发现视口中有多少部分“不可见”,从而使我能够向文档中添加一个类或调整样式的内容,或者这是一个无法与web应用程序通信的操作系统级事件/变量?jQuery Waypoints插件 您可以使用该插件检测视口中的元素 我发现另一个

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

例如,可能我几乎最大化了我的浏览器窗口,然后抓住它并将其从屏幕上拖走……这会引发任何Javascript/ajax事件,以发现视口中有多少部分“不可见”,从而使我能够向文档中添加一个类或调整样式的内容,或者这是一个无法与web应用程序通信的操作系统级事件/变量?

jQuery Waypoints插件

您可以使用该插件检测视口中的元素

我发现另一个有用的教程(不知道它是否与您相关)是

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


这取决于您想要实现的具体目标:)

@dfsq:它看起来会告诉您浏览器窗口何时移动,但不会告诉您它已移动到何处。从链接的问题看似乎不是这样做的。我想做的是查看浏览器窗口是否部分不在屏幕的可视部分内。
window.innerWidth+screen.screenX>screen.width
-测试它是否部分不在视口内(水平)
window.innerHeight+screen.screenY>screen.height
垂直测试。