使用JS覆盖iOS iframe自动设置高度

时间:2016-06-08 04:21:22

标签: javascript ios iframe

我目前正在使用iframe将我的网页作为窗口小部件嵌入到其他网页中。由于iOS iframe高度自动调整到其内容的高度,因此除了移动Safari之外,它在所有浏览器中都能很好地工作。这种行为打破了我在应用程序中设置的无限滚动。

基本上,这是我的HTML:

<div class='feed'>
   <iframe scroll='auto' width='100%' height='700' src='link'>
   </iframe>
</div>

使用以下CSS:

.feed {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 700px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

我已经知道在iframe上使用scroll='no'会禁用高度,但它也会禁用所有浏览器的滚动。

我需要理想地将iframe强制设置为特定高度(ie. 700px),同时允许在iframe中进行滚动。

我尝试过使用JS来强制iframe加载高度,但无济于事。

0 个答案:

没有答案