問題タブ [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 - jQuery、slicknav プラグイン、ロング メニュー オーバーフロー
モバイル メニューに slicknav プラグインを使用していますが、次の問題が発生します。メニューを上部に固定する必要がありますが、メニューがかなり長く、小さい画面ではすべての項目をナビゲートすることができません。モバイルトリガー(位置固定)とメニュー自体を相対的に分離しようとしましたが、それは機能しません。また、スクロールにoverflow-yを追加し、メニューラッパー自体にautoを追加しました。誰でも何らかの解決策で私を助けることができますか、またはこのプラグインで同様に遭遇しましたか? html:
js:
css: (動かない)
mobileMenuHolder はメニューを保持し、固定 div の下部にあります。
提供されたすべてのヘルプに感謝します。
javascript - Skrollr と SlickNav、オーバーラップの問題
Skrollr を使用して画像を修正しました: http://prinzhorn.github.io/skrollr/examples/classic.html
メニューにもSlicknavを使っています。残念ながら、メニューを開くと、固定された「視差」画像の後ろに開きます。
ポジショニング、マージン、z-index、Blah! を変更してみました。何も役に立ちません。画像の上にメニューを開きたいです。
編集:ここにいくつかのコードがあります:このメニューは、skrollr-body 内にある class="section-1" で div に配置されます
後に続く画像は、skrollr-body の外側にあります。
CSS:
誰にもアイデアはありますか?
ありがとうございました!
javascript - JQuery Slicknav、2 つのメニューを 1 つにマージしますが、2 列にします
wordpress カスタム テーマでは、slicknav メニューを使用してレスポンシブ モバイル メニューを作成しています。
うまく機能するので、サイトにある 2 番目のメニュー (カテゴリ メニュー) をモバイル メニューに統合することにしました。
このcodePenを使用するとシンプルで簡単ですが、左のカテゴリと右のグローバル メニューの 2 つの浮動列にメニューを分けたいと思います。
画像を参照してください:
現在
<hr>
、 を使用して 1 つのメニューと他のメニューの間に " "を挿入できますcombinedMenu.append("<hr>");
が、「追加」してフロートを作成するとcombinedMenu.append("<div class='col-sm-6'>");
、結果のコードは次のようになります。
タグ自体を閉じます。うららら
誰でも私を助けることができますか?
さようなら、L.