Posouvání hybnosti na prvcích přetečení iOS Triky CSS

Anonim

Webové stránky v systému iOS mají ve výchozím nastavení rolování ve stylu „hybnosti“, kdy pohyb prstu posílá rolování webové stránky a ta pokračuje, dokud se nakonec nezpomalí a nezastaví, jako by to zpomalilo tření. Jako kdybyste tlačili hokejový puk přes led nebo tak něco. Možná si myslíte, že jakýkoli prvek s posouváním by měl toto chování také, ale není. Můžete jej přidat zpět pomocí speciální vlastnosti.

.module ( width: 300px; height: 200px; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; )
Podívejte se na toto pero!