[CSS:overflow-scrolling]讓iPad或iPhone的捲軸更順暢

在我們針對iPad或iPhone等iDevice作最佳化的設計時,
每每當頁面中包含有iFrame或者是某個區塊設定了固定高度,
讓這個區塊自行使用捲軸時,
那麼這時候,當我們去使用這個內部捲軸時,
都會很不順,有時根本無作用。
 
這時在需要捲軸的區塊中,加入:-webkit-overflow-scrolling: touch;
即可解決這個問題。
 
例如:
div.test{
height:240px;
overflow:hidden;overflow-y:auto;
-webkit-overflow-scrolling: touch;
}

Readers comment