問題タブ [magellan]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
zurb-foundation - Magellan Sticky Nav の色
マゼランのナビバーとして作成しました。バーの背景色とフォントを変更できましたが、「ハイライト」の色を変更するにはどうすればよいですか? 現時点では、デフォルトの色は濃い青緑がかった色です。
これが非常に単純な質問である場合は申し訳ありませんが、css で何も見つからないようです....
jquery - キャッチされていない TypeError: 未定義のfoundation.magellan.js 行 46 のプロパティ 'top' を読み取れません
私のファウンデーションマゼランナビゲーションで、サブナビゲーションのいずれかをクリックすると、キャッチされないエラーが発生します。これは、foundation.magellation.js の 46 行目で top が定義されていないことを示しています。
//固定位置の場合、遠征の高さを考慮します
html:開始
javascript - ファンデーション 5 スティッキー マゼラン 縦型メニュー
このリンクのようなマゼランサイドバーメニューを再現しようとしていますhttp://jsfiddle.net/mBSA4/
しかし、それは Foundation 4 にあり、Foundation 5 では期待どおりに機能しないようです。いくつかのことを試していますが、スティッキーな垂直サイドバーを再現できません。私が再現しているのは、スクロールするとビューポートの上に完全に水平になるサイドバーです。これは私が望む動作ではありません。縦の ul-tab が常に必要です。
誰かがこれを解決しましたか?
どうもありがとう
css - マゼランメニューを横に並べる
マゼランでアンカーを水平方向に配置しようとしましたが、コンテンツの上にあるサイド メニューのように上下に表示され続けます。私がする必要があるのは、メニューのように 1 行で表示することです。誰かがそれを行う方法を知っていますか?
zurb-foundation-5 - レスポンシブ ヘッダーと Magellan の fixed_top オプション
さまざまなデバイスでさまざまなヘッダーの高さに対応するために、magellan のオプションまたは css 内でさまざまな fixed_top 値を定義するにはどうすればよいですか? 私のヘッダーの高さは、中サイズの 60 ピクセルから大サイズの 120 ピクセルまでさまざまです。
Magellan のオプションのインラインの性質は、メディア クエリ内でこれを変更するために使用するすべての css よりも優れています。
また、交換を試みて、値を無駄に交換しました。
zurb-foundation-5 - マゼランはファンデーション5グリッドに付着しません.
ファンデーション 5 を実行し、マゼランを使用しています。一貫してグリッドから抜け出すことができるように試してみてください。私はこれに慣れていないので、どんな洞察も役に立ちます。ページを最初にロードすると、グリッド内に正しく配置されます。下にスクロールすると、マゼラン メニューが左に移動し、ページの幅いっぱいに表示されます。もう一度上にスクロールすると、ブラウザ ウィンドウの上部から「はがれ」ても、変化しません (つまり、左端までずっと残っていることを意味します)。現在、ローカルホストのテストサーバーにしかありません。Windows の firefox と chrome で同じ問題が発生しています。
これが私のコードです:
洞察をいただければ幸いです。私はあまりにも長い間、これに夢中になっています。それは可能でなければなりません-ドキュメントページでは、マゼランがグリッドの中央の列に正しくとどまっているようです: http://foundation.zurb.com/docs/components/magellan.html
javascript - Foundation Magellan は、ブラウザのサイズが変更された後、早すぎたり遅すぎたりし始めます
主に私の問題は、ブラウザー ウィンドウをスケーリングした後、Magellan が固着し始めるのが早すぎたり遅すぎたりすることです。最初のロードでは、サイズ変更前、およびページが更新された後にサイズ変更されたときにすべてが機能します。
ブラウザー ウィンドウをダウンスケーリングすると、自動しきい値は、最初に読み込まれた大きなビューポートから計算された「初期」しきい値を引き続き使用します。window.resize にバインドするイベントを作成してから、しきい値を 0 に設定し、reflow と set_expedition_position を呼び出してみましたが、少し良くなりましたが、問題は解決しませんでした。
しきい値の値を指定しても、大きな影響はありません。
私の設定:
サイズ変更後にマゼランを貼り付けるのが早すぎるイメージ。上のバーは、下のバーの後にのみ貼り付ける必要があるものです。
zurb-foundation - Zurb Foundation Magellan Sticky とページ コンテンツの追加 (高さの増加)
Zurb Foundation のマゼラン スティッキー ナビゲーションに問題があります。ユーザーが必要な数の要素を追加できるフォームがあり、HTML と div の高さが増加します。スティッキー ナビゲーションは、コンテンツがページに追加されるまで正常に機能します。コンテンツがページに追加されると、スティッキー ナビゲーションは元のページの高さでスティッキーではなくなります (フッター/下部にヒットしていると見なされます)。コンテンツを追加した後にブラウザーのサイズを変更すると、スティッキー ナビゲーションが所定の位置に戻り、新しい高さを使用していつ停止するかを決定します。新しいコンテンツがページに追加されたときに固定ナビゲーションが新しい高さに調整されるように、これをトリガーする方法はありますか?
例 ここでは、ナビ (左右両方) が適切にくっついています。
「Performance of Understanding」を追加して div/ページの高さを増やした後、スクロール時にナビゲーションが動かなくなり、更新されたページの高さで動作していないため、フッター/ボトムがあった場所で停止します。
javascript - ページをリロードする Nightwatch に適したコマンドまたは JavaScript 関数
ページをリロードするためのさまざまな提案を試してきました。
ナイトウォッチ マゼラン テスターマーダ付き。私が見るエラーは"TypeError: Cannot read property 'apply' of undefined"
他の誰かがこの問題に遭遇した/解決しましたか?
編集:client.navigate().refresh();
動作しません。