iphone-500291_1280

スマホ用サイトに対応したものの動作がいまいちスムーズでないと使い勝手は悪いですよね。
特にありがちなのは「メインメニューなどのスクロールが何故か重い」という現象ではないでしょうか。

指定個所のcssに以下を追記することで一発で解決します。

「-webkit-overflow-scrolling: touch」

(既述例)

.scroll-div {
    height: 200px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

 

これでスクロールのガタガタが解消されスムーズに動きます。