html – 内容具有overflow-x：hidden的iframe的水平滚动条

我正在使用宽度为760px的着陆页,并且需要一个内容为iframe(flash演示)的iframe,宽度为980px.所以我需要一个水平滚动条才能查看整个内容.但是,无论我添加什么作为滚动属性(例如scrolling =“auto / yes”等),都没有任何反应 – 根本没有水平滚动条.

iframe中显示的页面在源代码中具有以下命令：

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    overflow-x: hidden;
}

据我所知,这就是我的iframe中没有水平滚动条的原因.是否有任何解决方法可以获得一个？

解决方法

您应该将iframe包装在包含div中,将固定宽度应用于容器.

–

HTML

<div class="container">
    <iframe></iframe>
</div>

–

CSS

.container {
    width: 980px;
    height: auto;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}