Como Impedir que o Body Desloque para a Esquerda no Mobile Safari

Muitos web designers otimizam seus sites para o Mobile Safari, já que muitos usuários se conectam à Internet a partir de dispositivos móveis. Quando uma página web que não foi projetada para um dispositivo móvel é acessada em um, o corpo da página desloca automaticamente para a esquerda. Para impedir que o corpo desloque para a esquerda no Mobile Safari, você deve aplicar uma posição fixa à sua página web.

Instruções

Abra a página web para a qual deseja impedir o deslocamento do corpo.
Adicione o seguinte elemento entre as tags head (<head> e </head>) do código da página web:

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

Adicione o seguinte elemento entre as tags body (<body> e </body>) do código da página web:

<div class="SCROLLER_FRAME">
  <div class="SCROLLER">
    ... conteúdo rolável ...
  </div>
</div>

Altere a seção "... conteúdo rolável ..." do código para o conteúdo que você deseja que seja rolável na página web.

Salve o documento.

Como Impedir que o Body Desloque para a Esquerda no Mobile Safari

Instruções

Celulares