Rolando docemente

A rolagem de elementos nos dispositivos móveis é bem suave, bem fluída, bem bonita. E o mais legal é que ela mantem inércia, rolando os elementos sem parar.

Quando uma página web é aberta no browser mobile a página fica com o mesmo esquema de rolagem. O problema é quando um outro elemento é que está com rolagem, um “div” por exemplo. Alem de ficar com a barra de rolagem feia não existe inércia.

Mas espere, os seus problemas acabaram, basta colocar o estilo abaixo que o elemento terá o comportamento desejo. Simples assim.

-webkit-overflow-scrolling: touch;

Óbvio que não funciona no IE.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s