Bric à Brac - Scroll d'une iframe sur IPAD et IPHONE

Bric à Brac

[27/07/2018] Scroll d'une iframe sur IPAD et IPHONE

Sacré APPLE !

INFORMATUX Développements PHP JQUERY Mobile Cross-platform Sécurité Web Scroll d'une iframe sur IPAD et IPHONE

Vous, utilisateur de matériel APPLE, il vous est déjà arrivé de ne pas pouvoir faire défiler avec vos jolis doigts un contenu, non ? Il s'agissait sûrement d'une "iframe" ;-)

Point de panique, il y a une solution pour nos chers développeurs.
Pour obtenir le scroll sur un IPAD et/ou sur un IPHONE d'une iframe, il vous faut créer une div parent autour de cette iframe et lui appliquer un style.

Voici le code miracle :
<div style="overflow:scroll !important; -webkit-overflow-scrolling:touch !important;">
   <iframe height="400" src="YOUR_PAGE_URL" width="600"></iframe>
</div>
 
L'iframe peut aussi être remplacé par le tag (balise) "object".
Bon code ;-)

Autres articles

© 2005 - 2019 • INFORMATUX