iphone - 在 ipad 和 iphone 中隐藏 iframe 的一部分

Question

我需要从 iframe 的顶部隐藏 300px。我试图用溢出隐藏它：隐藏在 css 中，但它在 iphone 或 ipad 中不起作用。我该如何解决？

我的 HTML 代码

<div class="iframe-wrapper">
  <div class="iframe-content">
    <iframe src="http://my_url" width="940" height="900" frameborder="0" scrolling="no" </iframe>
  </div>
</div>

我的 CSS

.iframe-wrapper {
    position: relative; 
    overflow: hidden;
    width: 940px; 
    height: 600px;
}
.iframe-content {
    position: absolute; 
    top: -300px;
}

Answer 1

我用你的代码做了一个演示，连同我的建议，它似乎正在工作：

html:

<div class="iframe-wrapper">
  <div class="iframe-content">
      <iframe src="http://www.google.com" width="400" height="500" frameborder="0" scrolling="no"/>
  </div>
</div>

CSS：

.iframe-wrapper {
    position: relative; 
    overflow: hidden;
    width: 400px; 
    height: 300px;
    border: 5px solid orange;
    margin: 20px;
    background: red;
}

.iframe-content {
    position: absolute;
    top: -300px;
}

iframe { background: blue; }

演示 - http://jsfiddle.net/MteRS/

我更改了宽度/高度，使其更适合 jsfiddle 输出面板。