我目前正在使用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加载高度,但无济于事。