問題タブ [slicknav]
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.
javascript - SlickNav メニューがロゴの上を覆い、リンクをクリックできないようにする
このサイト ( http://culturepop.com/ )のハンバーガー メニューに SlickNav フレームワークを使用していますが、オンにすると、メニューを含む div が左側のロゴを覆い隠します。ロゴは表示されますが、クリックすることはできません。ドロップダウン メニューが 100% の幅のままになるようにしようとしていますが、ボタンはそのスペースにちょうど収まり、ボタンを覆いません。z-index をいじってみましたが、ハンバーガー メニューをクリックできなくなりました。基本的に、勝てない状況です。これが私のコードです：
HTML (簡体字)
CSS
jquery - Javascript: img src と href を含む HTML コードを先頭に追加
SlickNav メニューにプリペンド コードを追加しようとすると、基本的な HTML は機能しますが、img や href などを追加すると、コードが失敗します。私はこれが間違っていることを知っていますが、ここで何がうまくいくのだろうかと思っています:
私はこれがうまくいくことを知っています：
しかし、もう一方はより高度です。では、svg（またはpng）画像を表示するようにするにはどうすればよいですか？
jquery - たった 1 つのナビゲーターで 2 つの滑らかなスライダーを制御
Slider Syncing を使用してSlick.jsおり、1 つのナビゲーターと他の 2 つのナビゲーターだけで制御する必要があります。
そして、これはそのための私のjsコードです
これはまったく機能していません.slickNavのasNavFor属性を配列またはコロンで区切って使用しようとしましたが、どちらも機能していません。asNavFor: '.main, .secondary'
jquery - 2つのslicknavを同時に使用
1 ページに 2 つの slicknav を表示することはできますか? モバイル用にこのメニューのようなものを作成する予定です。
「MENU」をクリックすると、外側に slicknav メニューが表示されます。そのサブメニューは (A propos、Multimedia、Partenaires) になり、メニューの内側には、サブメニューを含む 3 つのメイン リンクもあります。
サンプルコード
javascript - slicknav が iphone 6 サファリで動作しない
私はクロム、すなわちサファリとファイアフォックスのデスクトップでslicknavを使用しています。iPhone 6で実行すると、クロムでは動作しますが、サファリでは動作しません。私のjs関数は次のようになります:
iPhone 6 の Safari コンソールには次のように書かれています。
関数ではありません。これを修正する方法がわかりません。助けていただければ幸いです。
ここにウェブサイトへのリンクがあります：
画面サイズを小さくすると、slicknav プラグインがデスクトップで動作することがわかります。ただし、Chrome を使用しない限り、iPhone 6 では機能しません。
さらにテストを行ったところ、プラグインは iPhone 6S で正常に動作しましたが、Iphone 6 ではまだ動作しませんでした。
jquery - jQuery が iPhone6 では動作しないのに、iPhone 6S では動作するのはなぜですか?
私が実行すると：
iPhone 6S または iPhone 6 で動作します。しかし、私が実行すると：
iPhone 6S では動作しますが、iPhone 6 では動作しません。
どちらの電話も iOS 9.2.1 を使用しており、コードにその他の変更はありません。$一方では競合が発生し、他方では競合が発生しない原因は何ですか?
2 台の Iphone 6S と 3 台の Iphone 6 でこれをテストしました。動作しないということは、ハンバーガーが表示されないことを意味します。興味深いことに、私が使用すると：
Iphone 6では機能しません
css - SlickNav ヘッダーが原因でメニューがスクロールできなくなる問題を修正
ここで SlickNav 固定ヘッダーのソリューションを試しました: SlickNav で固定ヘッダーを作成する方法
これは機能しますが、問題があります。長い SlickNav メニュー リストがスクロールできなくなり、画面の下部にスタックします。解決策はありますか？
ありがとうございました。
編集:問題を再現するための元の slicknav パッケージからの私の変更:
1) dist/slicknav.css の 78 行目 (.slicknav_menu) の後に次の行を追加して、固定ヘッダーを取得します。
2) 非常に長いメニュー項目リストを demo/index.html の親 2、項目 7 (39 行目) の後に追加します。
モバイル モードを使用すると、1) で固定ヘッダーを設定する前のように、メニュー リストが長すぎてスクロールできなくなるため、最後の項目行「最後に追加された項目」が表示されません。
ちなみに検索すると、他のユーザーにも同様の問題があることがわかりました： SlickNavで固定ヘッダーを作成する方法