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

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

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: teoli, otaviogui, rafaelcavalcante, fcard, alexanmtz
Última atualização por: teoli,