Le défilement ne fonctionne pas sur les appareils iOS tels que l'iPad ou l'iPhone 6. Pour une raison quelconque, le «corps» défile à la place et iframe reste fixe.Problème de défilement iOS iframe - Le défilement ne fonctionne pas
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>
Cela ne fonctionne pas pour moi –
Edité pour ajouter de la hauteur: 100%; devrait travailler maintenant –