タグ

ブックマーク / www.yukihy.com (1)

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

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

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