如何使用 JavaScript 判断 DOM 对象是不是在窗口外？ [复制]

Posted 2023-02-21

【中文标题】如何使用 JavaScript 判断 DOM 对象是不是在窗口外？ [复制]

【英文标题】：How can I tell if a DOM object is out of the window using JavaScript? [duplicate]如何使用 JavaScript 判断 DOM 对象是否在窗口外？ [复制]

【发布时间】：2013-05-15 06:11:54

【问题描述】：

我正在寻找一种方法来了解对象（如 Div、img 等）是否在 javascript / jQuery 的窗口中被用户显示和可见。

当我说“显示且可见”时，即用户滚动页面不足以让对象可见（如果您知道我的意思）。但是，如果用户滚动页面并且 div 不再可见（在窗口外），那么我正在寻找的功能应该知道。

【问题讨论】：

检查:visible 和:hidden

要判断它是否在当前视口中，请参阅这个问题：***.com/questions/123999/…

meta.stackexchange.com/q/181040/34397

如果元素被另一个元素覆盖怎么办？

【参考方案1】：

您应该使用Viewport selectors for jQuery 检查元素当前是否在实际视口中可见。

Here's a demo 告诉你我的意思。

【讨论】：

当有人来破坏历史的一部分时，我想再次感谢您的回答。自从过去 3 年以来，我仍然非常感谢像你这样的人，他们把任何 OP 都当作人对待，即使他们的问题完全是菜鸟、重复等等。这个问题已经为很多人服务并保持活跃3年后。

链接不再有效... :(