在保持滚动功能的同时从iframe中删除滚动条

Question

请查看我的 jsFiddle here ...

iphone的图像中嵌入了两个iframe（挖空）。

我试图在第二部手机上实现你在第一部手机上看到的内容，即隐藏滚动条，但仍然保持滚动功能。

它们都以相同的方式构建，但第一部手机允许我滚动，第二部手机不允许。我不知道为什么。

这是我正在使用的CSS ......

.iphone5 {
    background-image: url("images/iphone5_hollow_834x380_upright.png");
    background-repeat: no-repeat;
    height: 834px;
    width: 380px;
    margin: 20px auto 30px;
    position: relative;
    overflow-y: hidden;
}

以下HTML对于两部手机都是相同的（网址是唯一不同的）...

<img src="http://webfro.gs/south/dev/cloud/images/iphone-5.png" style="margin: 15px auto;" />
    <div class="iphone5">
        <iframe style="width: 320px; height: 564px; margin: 134px 0 0 32px; overflow-y: hidden;" src="http://webfro.gs/south/tour3579/military.html" scrolling="no"></iframe>
    </div>

如果有助于了解 - 这两个站点都是同一服务器和主域的目录。

思考？

Answer 1

<强>第一

 body {
font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background: #F9F9F9;
overflow: hidden;
}

<强>第二

 #tabs {
position: relative;
height: 100%;
}