Javascript 在屏幕中安装绝对div弹出窗口

对不起，也许我在下面的原始问题中不清楚

我要寻找的是一种方法，让弹出窗口移动到windows可视区域内，而不是实际创建弹出窗口本身。正如谷歌图片中所示，当你将鼠标移到屏幕边缘的图像上时，我想知道的是，脚本检测到弹出窗口没有足够的空间显示在窗口中，因此它将其推到可视范围内

所以我想知道这是如何确定和计算的

如何使用javascript确保 一个弹出的div放在窗口内 什么时候出现

谷歌的形象就是一个很好的例子 搜索当图像不适合时 窗户在最右边 最底层或最底层的图像，不知何故 当弹出窗口打开时，将被推入内部 使用鼠标悬停事件打开。怎样 这是计算出来的吗？我该怎么做 创建一个脚本来计算这个值

---

您可以使用已经构建的弹出框/覆盖窗口js库。使用jQueryJS框架并寻找任何提供相同功能的插件。我建议您将facybox与jQuery结合使用，这样做非常简单。

这是我遇到的最好的代码之一。

在您的JS文件修复程序中，这段代码对此没有任何用处，但总体思路是重新定位和覆盖相关元素的偏移量，同时考虑视口的边界以说明明显的问题

---

例如，jQuery的一些好的工具提示插件支持这种行为，例如Basistance和。可能值得深入挖掘他们的来源，看看他们是如何处理的。

我所看到的每个模式脚本都会为您解决这些问题。对于所有答案，我认为他的问题不是很清楚，因为他不是在谈论模式窗口，相反，他的谷歌图片示例指的是当你将鼠标悬停在靠近屏幕边缘的结果上时，结果会自动更正，因此所有内容都在视图中。是的，Marcel，这就是我的意思嘿，这两个都不是我想要的。我已经在mouseover上打开了一个弹出窗口，问题是当我将鼠标移到屏幕边缘时，浏览器会创建滚动条来适应屏幕。我希望弹出窗口本身被推到browser@alex：他们都将弹出窗口推回到视图端口，但这只是他们代码的一小部分。例如，对于qTip，我链接到用于切换设置的选项，并在jQuery工具提示中，在中搜索视口显示插件如何处理此行为。您知道原始javascript等价物：x:$window.scrollLeft，y:$window.scrollTop，cx:$window.width，cy:$window.height吗