Sources : Momentum Scrolling on iOS Overflow Elements et Scroll IFRAMEs on iOS.
La présence d’une iframe peut venir bloquer le scroll dans le corps de la page qui accueille celle-ci. Les articles cités en source remontent un souci sous iOS, mais j’ai pu le constater également sous Android (Nexus 5 + Navigateur Chrome).
Afin de contourner le problème, appliquer les styles suivants sur l’élément qui englobe votre iframe :
1 2 3 |
<div class="scroll-wrapper"> <iframe src=""></iframe> </div> |
1 2 3 4 5 6 |
.scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; /* important: dimensions or positioning here! */ } |