Html 覆盖在滚动条上

如果标题不是很好，我很抱歉，欢迎任何建议

整个页面是另一个网站的iframe，在本例中，jquery.com只是为了演示。我有一个覆盖Hello World，如果你点击X，它会最小化它，再次点击它会打开它

在本例中，我的问题是它覆盖了右侧的滚动条。 我假设原因是我有一个CSS将侧边栏定位在右边：0，但是因为它是一个iFrame，所以它不计算滚动条

我有什么办法来解决这个问题？ 我想给它一些额外的空间，但是我怎么知道页面是否真的有滚动条，或者滚动条有多大？

---

是否有办法将覆盖层放置在iframe内的某个位置？

是。只需将right设置为40，例如right:40px

是的。只需将right设置为40，例如right:40px

这里有一个示例，演示如何检测iframe是否有滚动条：

这里还有一个测量滚动条宽度的例子

---

一旦您知道这些，您就可以放置覆盖图，不管右侧有多少像素，这里有一个示例，向您展示如何检测iframe是否有滚动条：

这里还有一个测量滚动条宽度的例子

---

---

一旦你知道了这些，你就可以放置覆盖图，不管右边有多少像素，或者即使有没有滚动条。除了将侧边栏向左移动之外，您唯一的选择是将覆盖从右边缘永久移动这个量。

有滚动条，甚至滚动条是否存在。除了将侧边栏向左移动之外，您唯一的选择是将覆盖层永久性地从右侧边缘移动到这个数量。

您为什么不能将其放置在左侧？我正在与设计师核实我们是否可以做到这一点。到目前为止，规格要求右边。有什么原因你不能把它放在左边吗？我正在和设计师核实我们是否可以这样做。到目前为止，规格要求右边。1如果一个页面没有滚动条，它将显示在远离侧面的地方。2个滚动条在不同的计算机上具有不同的宽度。啊，在这种情况下，您需要在页面顶部运行一些javascript来更改框的正确属性。类似这样的东西：$document.readyfunction{//检查主体宽度是否高于窗口宽度：if$body.width>$window.width{document.getElementByIdyourFlodboxid.style.right=40px；}；我只能在父级中编写javascript，不能在iframe中编写。因此，主体是父对象的主体，它始终等于窗口。1如果页面没有滚动条，它将显示在远离窗口的一侧。2个滚动条在不同的计算机上具有不同的宽度。啊，在这种情况下，您需要在页面顶部运行一些javascript来更改框的正确属性。类似这样的东西：$document.readyfunction{//检查主体宽度是否高于窗口宽度：if$body.width>$window.width{document.getElementByIdyourFlodboxid.style.right=40px；}；我只能在父级中编写javascript，不能在iframe中编写。所以主体是父对象的主体，它始终等于窗口。我相信只有在iframe中编写代码时，这些才起作用？因为它正在测量窗口高度和文档高度。而不是iframe中文档的高度。您是指第二个吗？因为第一个链接专门讨论iframe中的滚动条。我假设页面上的滚动条宽度与iframe中的滚动条宽度相同。我相信只有在iframe中编写代码时，滚动条宽度才起作用？因为它正在测量窗口高度和文档高度。而不是iframe中文档的高度。您是指第二个吗？因为第一个链接专门讨论iframe中的滚动条。我假设你的页面上的滚动条宽度与你的iframe中的滚动条宽度相同。我们将把框移动到另一个位置。我们将把框移动到另一个位置。