スマホCSSで横スクロールナビゲーションを実装する方法スマートフォンなどで使用される横にスクロールさせるナビゲーションメニューをCSSだけで実装する方法を紹介します。横スクロールナビゲーションの作り方ナビゲーションメニューを横にスクロールさせるためにはCSSに以下のような設定を記述することで実現できます。auto;」で横にスクロールできるようにすることです。あとは、アイテムを横に並ぶように指定をするだけです。table-cell;}例では、「table-cell」を使って横に並べていますが、他にも「inline-block」などを使っても良いでしょう。滑らかにスクロールさせたい(iOS用)iOS向けにスムーズにスクロール(慣性スクロール)させたい場合には、親要素に「-webkit-overflow-scrolling:touch;」を追加します。touch;}以上が、スマホで使用されるナビゲーションメニューをCSSだけで横にスクロールさせる方法となります。