CSSでスマホ画面で横スクロールするレスポンシブ対応のメニューを作るカスタマイズ - Yukihy Life

最近よく見る、スマホのときに横スクロールをするメニュー。 作り方をメモしたいと思います！ 実装図・メリット カスタマイズ レスポンシブ（PC+スマホ） スマホ その他のカスタマイズ 色の変更 メニューの横幅・縦幅の変更 最後に 実装図・メリット イメージとしては、PCでは一般的なメニューになり、 画面の横幅が狭くなると、こんな感じで横スクロールをするようになるメニューです。 ちなみに、同じコードをはてなブログのスマホの方に入れると、こんな感じになります（動きは上と同じです）。 このメニューのメリットとしては、 トグルメニューのようにタップしなくても、はじめから数個のカテゴリが見えている Javascriptを使っていないので、回線が不安定なところでも比較的表示が崩れにくい はてなブログ以外でも使える 逆にデメリットは、 スクロールできるのか気付かれないかもしれない 狭い範囲での操作となるの

[ftmaccho]

ブログ更新！！

[Freelife-chiemama]

ありがとうございました。横スクロールができました！

[miyamarin]

参考にさせていただきました。グローバルメニューでアドセンス落ちたので、次は合格するといいんですが。ありがとうございます。

[EARTHtheBLOOD-SUCKER]

参考に致します。

[syofuso]

トグルメニュー気づかれていないんじゃと不安なのでこれは考えてみたい

[momoiesm]

スマホメニュー横スクロール

[Haku2014]

スマホ画面で横スクロール対応のメニューを導入する方法

[papiko8-l]

とりあえずプレビュー見てみようかなー(^^)

[HerrTomo]

面白い視点！

[takamatumoto7]

横スクロールメニュー流行ってるのかぁ

[defender_21]

ホントすごい