Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Javascript] FlexNav – レスポンシブレイアウトに対応したドロップダウンメニュー

  • Pocket
  • このエントリーをはてなブックマークに追加

レスポンシブレイアウトに対応したドロップダウンメニュー。ブラウザウィンドウが一定の幅以上ではドロップダウンメニューとなり、それより小さくなるとアコーディオン形式に変化します。サイトのセッティングではスマホやiPadのポートレイト(縦位置)ではアコーディオン、それより大きい場合はドロップダウンメニューとして機能してました。深いナビゲーション構成のサイトにおけるレスポンシブレイアウト対応のよくある例なので、それ系のデッカいサイトを制作する際に使えそうです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください