-1
滚动不适用于iOS设备,如iPad或iPhone 6.由于某种原因,“body”正在滚动,而iframe仍处于静止状态。iOS iframe可滚动性问题 - 滚动不起作用
的Javascript
$(document).on(clickHandler, '#content a', function(){
href = $(this).attr("title");
$("#iframeContainer div").append(
$("<iframe />")
.attr("src", href)
)
$("#iframeContainer").fadeIn();
});
CSS
#iframeContainer {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(0,0,0,0.5);
}
#iframeContainer div {
position: fixed;
left: 5%;
top: 5%;
width: 90%;
height: 90%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
#iframeContainer div iframe {
width: 100%;
height: 100%
}
HTML
<div id="iframeContainer">
<div></div>
</div>
这对我不起作用 –
编辑增加身高:100%;应该现在工作 –