Smooth Touch Scrolling in iOS with -webkit-overflow-scrolling

在開發一個兼容 iPad 的網站專案時,發現 <div style=”overflow: scroll;”> 在 iOS 下捲動很不順暢,手感很糟糕。好奇地搜尋了一下,找到一個 webkit 特有的語法:-webkit-overflow-scrolling: touch。加上這個屬性後,在 iOS Safari 上連回彈的效果都出來,手感與原生程式無異。

可惜 Android 上的 Chrome 似乎沒有作用,有點希望這屬性能成為正式語法。

範例先丟在 Codepen,不過看來要註冊才能 embed,先醬。
http://codepen.io/anon/pen/oXvjvJ


Posted

in

by

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Exit mobile version