-webkit-overflow-scrolling
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 value | auto |
---|---|
Aplica-se a | scrolling boxes |
Inherited | yes |
Computed value | as specified |
Animation type | discrete |
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 |