Comment empêcher le décalage vers la gauche du body dans Mobile Safari

Beaucoup de concepteurs web optimisent pour Mobile Safari (navigation mobile massive). Si une page non adaptée mobile est consultée sur iPhone, le corps de page se décale automatiquement à gauche. Pour l'empêcher, appliquez une position fixe à votre page web.

Instructions

1. Ouvrez le code de la page web concernée.

2. Ajoutez cet élément entre les balises et :

   .SCROLLER_FRAME { 
     width: 100%; 
     position: absolute; 
     top: 50px; 
     bottom: 50px; 
   }

3. Ajoutez cet élément entre les balises et :

   <div class="SCROLLER_FRAME">
     <div class="SCROLLER">
       ... contenu défilable ...
     </div>
   </div>

   Remplacez « ... contenu défilable ... » par le contenu souhaité comme défilable.

4. Enregistrez le document.