-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
CSS Page type required
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.