1

Foundation 5 を使用しており、スティッキー ナビの Magellan を使用したいと考えています。ここに実装されています: http://www.whoi.edu/prototype/banner.html

ページの上部で、ドロップダウン ホバーが正常に機能します。ユーザーは上部のナビゲーションにカーソルを合わせると、メガメニューが表示され、ユーザーはその中の任意のものをクリックできます。ただし、ユーザーがページを下にスクロールしてナビゲーションにカーソルを合わせようとすると、ドロップダウンは機能しますが、ユーザーがカーソルを合わせるとメガメニューが消えます。トップページからはずれそうです。

私は追加しようとしました:

$(document).foundation('magellan-expedition', 'reflow');

と:

$(document).foundation('dropdown', 'reflow');

z-index の問題か、ページに関連する何かではないかと考えましたが、この問題は Foundation ボックスの外で発生しているようです。

ユーザーがスクロールした後、ナビにメガメニューを固定する方法についてのアイデアはありますか?

4

0 に答える 0