|
|
相关文章推荐
|
茫然的长颈鹿 · Impala 3.4 ...· 11 月前 · |
|
|
果断的电池 · Conversion to Dalvik ...· 1 年前 · |
|
|
霸气的弓箭 · 随笔，JDK8的新时间工具类 - 掘金· 1 年前 · |
|
|
唠叨的卡布奇诺 · 【学术活动】2019年统计学教学改革研讨会 ...· 1 年前 · |
|
|
卖萌的小蝌蚪 · js判断鼠标位置是否在某个div中 - ...· 1 年前 · |
如何在使用iframe时摆脱双滚动条？
问
如何在使用iframe时摆脱双滚动条？
EN
EN
Stack Overflow用户
提问于
2010-05-03 22:29:36
回答 10
查看 93.8K
关注 0
票数 26
我在网上看到过这个问题，所有建议的解决方案对我都不起作用，所以我想我应该来这里。
我有一个页面，它有一个iframe。页面的顶部是一个下拉菜单，页面的其余部分是iframe。这个想法和其他人一样，是让菜单保持不变，菜单选择在iframe中运行一个应用程序。iframe的内容应该滚动，但整个页面不应该滚动。
我也尝试过使用
width=height=100%
将IFRAM表放在一个单独的
width=height=100%
元素中，但是如果我使窗口垂直太短，我会得到两个滚动条。
有什么建议吗？
我想我没有很好地解释清楚。我想让iframe中的滚动条保持为自动，但我不希望整个页面都有滚动条。我需要iframe的大小合适，这样它总是占据页面的其余部分，这样浏览器就不必做滚动条了，因为iframe永远不应该延伸到查看区域的底部。
EN
回答 10
Stack Overflow用户
发布于 2010-05-03 22:30:35
将css overflow设置为隐藏在您想要从中删除滚动条的任何框架上...
overflow:hidden
票数 10
EN
Stack 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;
帮我解决了这个问题。
票数 5
EN
Stack Overflow用户
发布于 2012-06-27 00:28:31
对于任何仍然有这个双重滚动条问题的人来说，你所要做的就是用一个overflow: hidden元素来包装iframe，然后给html、body、iframe和包装器添加100%的高度。
http://jsfiddle.net/KZ5wz/ (我不知道为什么结果不能在JsFiddle中正确显示，但它在我的机器上工作得很好)
票数 3
EN
页面原文内容由
Stack Overflow
提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2758732
复制
相关文章
相似问题
领券
腾讯云开发者
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号： 粤B2-20090059 深公网安备号 44030502008569
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287