メガメニュー、上から表示するサブメニュー

Opencart 2でメガメニューを使用すると、サブカテゴリがたくさんある場合、下のカテゴリにマウスを移動すると小さな問題が発生します。そのサブカテゴリはさらに低い位置に表示されますが、これはユーザの利便性にはあまり役に立ちません。メガメニュー、上から表示するサブメニュー

それはCSSによって最初のレベルのメニュー欄に合わせサブメニューが再びトップからまで表示以下のコンセプト写真、、のように達成することは可能ですか？

ウェブサイトのURL：http://mytools.my

出典

2016-08-08 TheDarkKnight

これが可能です。しかし、私は、ここで、あなたはこれにすべきではないと思います。なぜなら、それは問題を作り出すからです（あなたはサブカテゴリを試すことができますので、メニューdropdowbは非表示になります）。 Exmaple - いつ、あなたは5番目のメインカテゴリに行きます。サブカテゴリが2から4までしか利用できない場合、メインカテゴリからサブカテゴリにマウスを移動することはできません。メニューdorpが非表示になります。 – HarnishDesign

あなたdiv#topは固定の高さであると思われますので、あなたが見ることのjQueryを使用してfixed代わりのabsoluteにul.activeの位置を設定し、可能性がありユーザーがスクロールした量に応じてul.activeのtopの値を設定します（.scrollTop（）を使用できます）。

または、メインメニューリスト項目からposition: relativeを削除し、サブメヌスと同じ幅に設定することもできます。 '

出典

2016-08-08 04:26:48

メガメニュー、上から表示するサブメニュー

答えて

関連する問題