Momentum-rulning på iOS-overløbselementer - CSS-tricks

Anonim

Websider på iOS har som standard en "momentum" -rulning, hvor et fingervip sender websiden til at rulle, og det fortsætter, indtil det til sidst bremser og stopper, som om friktion bremser det. Ligesom hvis du skulle skubbe en hockey-puck hen over isen eller noget. Du tror måske, at ethvert element med rulning også vil have denne adfærd, men det gør det ikke. Du kan tilføje det tilbage med en særlig egenskab.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
Tjek denne pen!