覆盖在滚动条上
覆盖在滚动条上
提问于 2011-03-03 08:32:13
很抱歉，如果标题不是很好，欢迎任何建议。
整个页面是另一个网站的iframe (在本例中，jquery.com只是出于演示目的)。我有一个覆盖的"Hello World"，如果你点击X，它会最小化它(再次点击它会打开它)。
在这种情况下，我的问题是它覆盖了右侧的滚动条。我假设原因是我有一个CSS将侧边栏定位在右边:0，但是因为它是一个iFrame，所以它不包括滚动条。
我有什么办法来解决这个问题？我想给它一些额外的空间，但我怎么知道页面是否真的有滚动条，或者滚动条有多大？有没有办法将覆盖放置在iframe中的某个位置？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-03-03 13:08:14
存在no way to detect the remote page's height，或者即使滚动条存在或不存在。你唯一的选择，除了将侧边栏移到左边外，就是detecting the browser's scrollbar width，然后永久地将覆盖从右边移走这个量。
Stack Overflow用户
发布于 2011-03-03 08:42:04
是。只需将右侧设置为40，例如: 40px；
Stack Overflow用户
发布于 2011-03-03 09:01:52
这里有一个示例，向您展示如何检测iframe是否有滚动条：
How can I detect a Scrollbar presence ( using Javascript ) in HTML iFrame?
这里还有一个测量滚动条宽度的示例
http://4umi.com/web/javascript/scrollbar.php
一旦你知道了这些，你就可以把你的叠加层放在离右边多少像素的地方。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5175236
复制相关文章
相似问题
腾讯云开发者
