長いドロップダウンメニューでもスクロール表示してくれるjQueryを活用した「Solution for Long Drop Down Items」をご紹介します。親メニューにマウスオーバーした時に下に並んだたくさんの子メニューをスクロールしながら見せることができます。
Solution for Long Drop Down Items
Solution for Long Drop Down Itemsの実際のデモや詳細は以下になります。
Solution for Long Drop Down Items
フルページのデモは以下。
メニューにマウスオーバーするとズラーっと子メニューが表示されます。そのままでは下側のメニューが見えないのですが、カーソルを下の方に持っていくとその動きに応じてスクロールされるようになっています。
カーソルを上下に動かすことでたくさんある子メニューも追従してくれるので便利ですね。
サイトのメニュー項目がたくさんある場合や画面を固定したい時なんかに役立つかと思います。
ドロップダウンメニューを実装する際に長く伸びて見えなくなってしまう子メニューを、うまく表示させたい時に覚えておきたいところです。
