Momentum Scrolling på iOS Overflow Elements - CSS-tricks

Anonim

Webbplatser på iOS har som standard en "momentum" -rullning där en fingervändning skickar webbsidan till att rulla och den fortsätter tills den så småningom saktar ner och stoppar som om friktionen saktar ner den. Som om du skulle skjuta en hockeypuck över isen eller något. Du kanske tror att något element med rullning också skulle ha detta beteende, men det gör det inte. Du kan lägga till den igen med en speciell egenskap.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
Kolla in den här pennan!