Multi-device scrolling menuを使えばシンプルでスッキリした水平メニューを実装することができます。
メニュー部分を横スクロールで見ることができるほか、左右に設置された矢印にホバーすることでもメニューを動かすことができます。見やすくて操作もしやすいのでとても便利ですね。
Multi-device scrolling menu
以下のページからMulti-device scrolling menuの詳細をチェックできます。実際のデモも用意されています。
メニュー両端の矢印にマウスを乗せると、メニューがその方向に移動します。滑らかで一定のスピードで動作します。
また、横スクロールで移動させることも可能です。
パソコンだけではなく、スマホやタブレットでも使いやすそうなメニューですね。
たくさんのメニューがあるサイトにはピッタリではないでしょうか。横に整列されたメニューのデザインやレイアウトもシンプルですし、操作もしやすいと思います。
メニューを縦に並べるのではなく、横に並べて表示させたいという方は、ぜひチェックしてみてはいかがでしょうか。
