-webkit-overflow-scrolling
Não padrão: Este recurso não é padronizado. Não recomendamos o uso de recursos não padronizados em produção, pois eles têm suporte limitado nos navegadores e podem mudar ou ser removidos. No entanto, podem ser uma alternativa viável em casos específicos onde não exista uma opção padrão.
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
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.