問題タブ [magellan]

マゼラン メニューを初期化する方法に関するドキュメントの理解に問題がある ( http://foundation.zurb.com/sites/docs/magellan.html )

エラー：

Uncaught TypeError: this.$element.data is not a function Magellan @ foundation.js:4192 (anonymous function) @ test2.php:174

コード:

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

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

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

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

と：

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

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

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

Zurb fdn6 テンプレートの cli インストールで Magellan を使用しようとしています。ページは正常に実行されていますが、Magellan はスティッキー ナビゲーションでは機能せず、次のコンソール エラーがスローされます。
Uncaught TypeError: Cannot read property 'top' of undefined

DevTools でソースを表示すると、attr が値を登録していることがわかり、上下にスクロールするとクラスがアンカーに適用されるため、 Magellan が登録しているように見えます。data-stickyactive

ただし、登録されていないクラスは次のとおりです。is-at-top is-stuckこれらが「固執」する原因のようです。それらは Zurb ドキュメントの例に表示されます。

app.jsI haveで$(document).foundation();ページが実行されると、Magellan モジュールが実際にロードされていることがわかります。しかし、粘着性のあるナビゲーションはウィンドウの上部にくっついていません。このセットアップでは機能しません。

Zurb Fdn Magellan docsの次の標準的な例を使用しました。

他の SO の例が修正されているのを見たことがありますが、それらはすべて Zurb テンプレート以外のビルドを使用しているようで、通常は標準<script src="xyz">呼び出しを介してプラグインをロードしていました。

このZurbテンプレートの例で何が起きているか知っている人はいますか?

Foundation 6 Accordion Menu と Magellan を使用してテスト サイトを構築しました: http://studiospaces.vlvtn.com/test

スクロールで関連セクション (#header-1、#header-2 など) に到達したときに、最上位のヘッダーを展開したり折りたたんだりしたいと思います。

それは私の能力を少し超えており、正しい方向への助けは非常に高く評価されます!

前もって感謝します。

エヴァン。

クリックすると特定の div に移動する小さなナビゲーションを作成しようとしています。それを行いますが、現時点では div にスナップするだけです。代わりに、ドキュメントに記載されているように、スムーズな移行が必要です。

また、特定の div まで下にスクロールすると、必要な nav li が強調表示されます。しかし、それらの要素を検査すると、現時点でページを下にスクロールしても強調表示されません.. css cdnを確実に取得していますが、jsはよくわかりません。

頭（CDNを使用しています）