-
投稿者投稿
-
2025年5月7日 4:15 PM #145100
【お使いの Snow Monkey のバージョン】29.0.0
【お使いの Snow Monkey Blocks のバージョン】24.0.4
【お使いの Snow Monkey Editor のバージョン】11.0.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】いつもお世話になっております。
この度、クライアントさんから、
モバイル表示(スマホ表示の縦)のトップページでは、ヘッダー(ロゴやバーガーメニューがあるブロック)を非表示状態にして、
表示されている画面の半分ほどスクロールしたら、固定ヘッダー(ドロップナビゲーション? でいいのでしょうか?)表示して欲しい、と要望がきたのですが、
どこを修正すればよいでしょうか。
検索したのですが、答えを見つけられず……。お忙しいところ恐れ入りますが、ご教示いただければ幸いです。
♥ 0Who liked: No user2025年5月8日 2:48 PM #1451182025年5月8日 6:17 PM #145121早々にご連絡いただきありがとうございます!
こちらですが、該当のテンプレート(ファイル?でしょうか)箇所をお教えいただき、JavaScriptを書けるコーダーにお願いして……という形で作業をする場合、複雑で難しいでしょうか。
そのやり方が今後のメンテナンスも考えた場合、よろしくないようでしたら、
素人考えかもしれませんが、モバイル表示のトップページのみですので、もともと表示されるものはCSSで非表示にし、
ページ内のセクションに固定メニューのHTML要素をコピーしたものを入れ(別のクラスまたはIDを付与し)、JavaScriptで制御する……みたいなやり方で実現実現出来ないか、と考えたのですが、難しいでしょうか。
(出来そうでしたら、そうコーダーにお願いしようかと思っております)無理なご相談ですみませんが、お時間のある時に、ご助言をいただければ幸いです。
♥ 0Who liked: No user2025年5月9日 3:46 PM #145136こちらですが、該当のテンプレート(ファイル?でしょうか)箇所をお教えいただき、
ファイル的には下記になります。
– snow-monkey/src/js/drop-nav.js
– snow-monkey/template-parts/nav/drop.php素人考えかもしれませんが、モバイル表示のトップページのみですので、もともと表示されるものはCSSで非表示にし、
ページ内のセクションに固定メニューのHTML要素をコピーしたものを入れ(別のクラスまたはIDを付与し)、JavaScriptで制御する……みたいなやり方で実現実現出来ないか、と考えたのですが、難しいでしょうか。そのほうがリスクは少ない気がします。
あるいは、
snow-monkey/src/js/drop-nav.js
をdequeue
して、似た処理を独自に書くかですね。それなら HTML のほうはそのままのテンプレートを使いまわせるかなと思います。2025年5月9日 10:01 PM #145147 -
投稿者投稿
- トピック「固定ヘッダー(ドロップナビゲーション)の表示タイミングの修正につきまして。」には新しい返信をつけることはできません。