Non-standard
Questa funzionalità non è standard e non è parte di un processo di standardizzazione. Non utilizzarla in siti accessibili dal Web: non funzionerà per tutti gli utenti. Inoltre si potrebbero verificare incompatibilità sostanziali tra le implementazioni, ed il comportamento potrebbe cambiare in futuro.
La proprietà CSS -webkit-overflow-scrolling controlla se i dispositivi touch debbano usare o meno il momentum scrolling su di un dato elemento.
| Initial value | auto |
|---|---|
| Applies to | scrolling boxes |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |
Parametri
auto- Usa lo scroll "regolare", dove il contenuto cessa immediatamente di scorrere nel momento in cui il dito viene sollevato dal touchscreen.
touch- Usa il momentum scrolling, dove il contenuto continua a scorrere per un pò dopo che la gesture di scroll è completata ed il dito è sollevato dal touchscreen.
La velocità e la durata dello scorrimento è direttamente proporzionale a quanto la gesture di scroll è vigorosa.
Inoltre viene creato un nuovo stacking context.
Sintassi formale
auto | touch
Esempi
-webkit-overflow-scrolling: touch; /* Lo scorrimento continua per un pò */
-webkit-overflow-scrolling: auto; /* Lo scorrimento si blocca immediatamente */
Specifiche
Non è parte di nessuna specifica.
Apple ne ha una descrizione nella reference CSS di Safari.
Compatibilità browser
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.