覆盖滚动条

Question

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

整个页面是iframe到另一个网站（在这种情况下，jquery.com仅用于演示目的）。我有一个叠加“Hello World”，如果你单击X它会最小化它（再次点击它会打开它）。

我在这种情况下的问题是它覆盖了右侧的滚动条。 我假设原因是我有一个CSS将侧边栏定位在右边：0，但是因为它是一个iFrame，它不计算滚动条。

我有什么选择解决这个问题？ 我想给它一些额外的空间，但我怎么知道页面是否真的有滚动条，或滚动条有多大？ 有没有办法将叠加层放在iframe的某个位置？

Answer 1

是肯定的。只需将权限设置为40，例如右：40px;

Answer 2

此处有一个示例向您展示如何检测iframe是否有滚动条：

How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?

此处还有一个测量滚动条宽度的示例

http://4umi.com/web/javascript/scrollbar.php

一旦你知道了这些，你可以放置你的叠加层，但右边有很多像素

Answer 3

有no way to detect the remote page's height或者甚至是否存在滚动条。除了将侧边栏移到左侧之外，您唯一的选择是detecting the browser's scrollbar width并永久性地将叠加层移出右侧边缘。