Come Impedire lo Spostamento a Sinistra del Body in Mobile Safari

Molti web designer ottimizzano i siti per Mobile Safari, poiché molti utenti si connettono da mobile. Quando una pagina non progettata per mobile viene aperta su un dispositivo, il body della pagina si sposta automaticamente a sinistra. Per impedirlo, devi applicare una posizione fissa alla tua pagina web.

Istruzioni

1. Apri la pagina web per cui vuoi impedire lo spostamento del body.

2. Aggiungi il seguente elemento tra i tag head (<head> e </head>) del codice della pagina:

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

3. Aggiungi il seguente elemento tra i tag body (<body> e </body>) del codice:

   <div class="SCROLLER_FRAME">
     <div class="SCROLLER">
       ... contenuto scorrevole ...
     </div>
   </div>
   

   Modifica la sezione "... contenuto scorrevole ..." con il contenuto che vuoi sia scorrevole.

4. Salva il documento.