スマホ用サイトに対応したものの動作がいまいちスムーズでないと使い勝手は悪いですよね。
特にありがちなのは「メインメニューなどのスクロールが何故か重い」という現象ではないでしょうか。
指定個所のcssに以下を追記することで一発で解決します。
「-webkit-overflow-scrolling: touch」
(既述例)
.scroll-div {
height: 200px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
これでスクロールのガタガタが解消されスムーズに動きます。
![[CSS]iOS(iPhone)でスクロールがガタガタする時の対処法](https://webcreatetips.com/wp-content/uploads/2016/05/iphone-500291_1280-e1462971360749-1024x438.jpg)

