Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Resumo

A propriedade CSS -webkit-overflow-scrolling controla quando dispositivos com a funcionalidade de toque na tela usam uma rolagem baseada no "momentum" de um dado elemento.

Initial valueauto
Aplica-se ascrolling boxes
Inheritednão
Midiavisual
Computed valueas specified
Animation typediscrete
Canonical orderorder of appearance in the formal grammar of the values

Valores

auto
Usa a rolagem "regular", onde o conteúdo imediatamente cessa a rolagem quando você remove o dedo da tela que reconhece os toques.
touch
Usa a rolagem baseada em "momentos", onde o conteúdo continua a rolar por um momento depois do gesto de rolagem ter sido finalizado quando o usuário deixar de tocar com o dedo na tela. A velocidade e duração da rolagem contínua é proporcional ao quão vigoroso a rolagem. Também cria um novo contexto estagnado.

Sintaxe formal

auto | touch

Exemplos

-webkit-overflow-scrolling: touch; /* deixa a rolagem suave */

-webkit-overflow-scrolling: auto; /* pare de rolar imediatamente */

Especificações

Não faz parte de nenhuma especificação. A Apple tem uma descrição na referência de CSS do Safari.

 

Compatibilidade do navegador

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Recurso Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Suporte Básico ? Não suportado ? ? ?
Recurso Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte Básico ? Não suportado ? ? 5.0

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: otaviogui, rafaelcavalcante, fcard, alexanmtz
Última atualização por: otaviogui,