Pengguliran Momentum di iOS Overflow Elements - Trik CSS

Anonim

Halaman web di iOS secara default memiliki gaya scroll "momentum" di mana jentikan jari mengirim halaman web bergulir dan terus berlanjut hingga akhirnya melambat dan berhenti seolah-olah gesekan memperlambatnya. Seperti jika Anda mendorong keping hoki melintasi es atau semacamnya. Anda mungkin berpikir bahwa elemen apa pun dengan pengguliran akan memiliki perilaku ini juga, tetapi ternyata tidak. Anda dapat menambahkannya kembali dengan properti khusus.

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