問題タブ [off-canvas-menu]

Foundation 6 を使用して Wordpress で作業しており、モバイル用のキャンバス外のメニューを作成しています。しかし、コンテンツがオフスクリーン メニューに読み込まれないという問題があるようです。以下は使用しているコードです。間違った場所に配置していますか? 外側の div (dragoncove_mobile_menu) の理由は、さまざまなメニューをさまざまなサイズで表示するためのメディア クエリがあるためです。クエリなしで試してみましたが、変更はありませんでしたが、以下にリストします。

Foundation 6 でキャンバス外にサブメニューを作成するにはどうすればよいですか?

この便利な構成要素を見つけましたが、LHS オフキャンバス メニューにサブメニューがありません。

このようなスライドイン サブメニューが欲しいです(これは Foundation 5 です)。

おはようございます、Foundation 6 のトグル オフ キャンバスがページのトップにジャンプするのを防ぐ方法はないでしょうか。この動作は公式の F6 ドキュメントにも存在することに気付きました

クリックするとページの特定のセクションにスクロールする固定リンクがいくつかあるモバイルメニューがあります。これに関する問題は、これらのリンクのいずれかをクリックすると、新しいページがロードされないため、メニューが開いたままになることです。

これらのリンクのいずれかがクリックされると、デフォルトでメニューが閉じるソリューションを実装したいと考えています。JS を使用してクリック時にメニューを非表示にしようとしましたが、ロジックが間違っている可能性があります。どんな助けでも素晴らしいでしょう。

これが私のメニューのコードです。

私は現在、私のサイトが右にプッシュできるようにし、サイド ナビゲーション (オフサイト ナビゲーション) を表示する jQuery プラグインを使用しようとしていますが、開発者は、設定オブジェクトを使用する必要があると言っています。誰かに助けを求めなければなりません。これは私が使用したいプラグインです。ここに指示があります。

最後に、jQuery ファイルを自分のサイトに完全にリンクしましたが、コードを初期化して動作させる方法がわかりません。

これが私のコードです

Bootstrap Jasny offcanvas プッシュ ナビゲーションを次のように使用しています: http://www.jasny.net/bootstrap/examples/navmenu-push/

今、オフキャンバス ナビゲーションを追加したいのですが、JS の知識がまったくないため、どうすればよいかわかりません。

2 番目のナビゲーションを作成し、2 番目のナビゲーションを開閉する 2 番目のトグル ボタンを追加するだけです。ただし、開いているときに最初のものを閉じません（逆も同様です）。理想的には、まず最初のナビゲーションを完全に閉じてから、2 番目のナビゲーションを開きます。

どんな助けでも大歓迎です。前もって感謝します！

https://jsfiddle.net/L2evyhuL/1/

私はオフキャンバスメニューでfoundatuon 6を使用しています。位置を設定することでハンバーガーのアイコンを固定することはできますが、実際のメニューがコンテンツとともにスクロールするのを止める方法はありますか? 周りを見回しましたが、Foundation 6 の解決策が見つからないようです。デフォルトの UX は、その動作が少し奇妙に思えます。

正しい方向へのポイントは非常に役立ちます。

私はFoundation v5.5を使用しており、2つの 異なるjsコードを組み合わせて、ドロップダウンアコーディオンを備えた使用可能なオフキャンバストップナビゲーションを作成しています.

ただし、ドロップダウン アコーディオンのいずれかが選択されている場合、.offcanvas-top クラスの高さが JS によって指定されているため、テキストが切り取られています。上。考え？

これが私のコードペンと問題のjsへのリンクです（私はWordPressを使用しているため、noConflictです）：

以下に問題のスクリーンショットを示します。

前：

アクティブなアコーディオンから切り取られたテキスト:

ストーリーボードを使用せずに、キャンバス外のメニューを迅速に作成したいと考えています。そのメニューを作成するための例はたくさんありますが、すべてストーリーボードを使用しています。プログラムで作成しても問題ありません。ストーリーボードではなく、xib ファイルを使用してスライド ナビゲーションを作成したいと考えています。どんな助けでも大歓迎です、ありがとう！