如何在使用iframe时摆脱双滚动条？
我在网上看到过这个问题，所有建议的解决方案对我都不起作用，所以我想我应该来这里。
我有一个页面，它有一个iframe。页面的顶部是一个下拉菜单，页面的其余部分是iframe。这个想法和其他人一样，是让菜单保持不变，菜单选择在iframe中运行一个应用程序。iframe的内容应该滚动，但整个页面不应该滚动。
我也尝试过使用width=height=100%将IFRAM表放在一个单独的width=height=100%元素中，但是如果我使窗口垂直太短，我会得到两个滚动条。
有什么建议吗？
我想我没有很好地解释清楚。我想让iframe中的滚动条保持为自动，但我不希望整个页面都有滚动条。我需要iframe的大小合适，这样它总是占据页面的其余部分，这样浏览器就不必做滚动条了，因为iframe永远不应该延伸到查看区域的底部。
回答 10
Stack Overflow用户
发布于 2010-05-03 22:30:35
将css overflow设置为隐藏在您想要从中删除滚动条的任何框架上...
overflow:hiddenStack Overflow用户
发布于 2012-02-05 14:38:50
我知道这有点老了，但以下是我为我的页面所做的：
我有一个只有一个iFrame的页面，我希望它占据整个页面，所以我使用
<iframe style="height:100%;width:100%" src="..."></iframe>在我添加了适当的填充/边距/边框删除后，我遇到了您所描述的双滚动条问题。使用Chrome的inspect功能，我发现页面的正文大约比iframe长5px，所以我只修改了iframe代码：
<iframe style="height:100%;width:100%;margin-bottom:-5px;" src="..."></iframe>margin-bottom:-5px;帮我解决了这个问题。
Stack Overflow用户
发布于 2012-06-27 00:28:31
对于任何仍然有这个双重滚动条问题的人来说，你所要做的就是用一个overflow: hidden元素来包装iframe，然后给html、body、iframe和包装器添加100%的高度。
http://jsfiddle.net/KZ5wz/ (我不知道为什么结果不能在JsFiddle中正确显示，但它在我的机器上工作得很好)
https://stackoverflow.com/questions/2758732
复制相似问题