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 !

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 ;-)

© 2005 - 2024 • INFORMATUX Mentions légalesTraitement des données personnellesPolitique de confidentialité