[ 解決済 ] スクロール時にヘッダが変化しない

[madoka k]

■ 症状が発生するブラウザ :
Chrome(90.0.4430.212最新),safari

■ 利用テーマとバージョン :
Lightning g3 ProUnit

■ 質問内容：
カスタマイズにて
ヘッダーレイアウトは「ナビゲーション回り込み」
スクロール時のレイアウトは「固定 ナビ中央揃え」でヘッダー透過を指定しています。

数日前まではスクロール中はヘッダーは透過されず、レイアウトも中央揃えになっていたのですが、
ふと見ると、スクロール中も透過のままになっており、レイアウトもナビゲーション回り込みのままになっていました。
私の変更点が何かしらの影響をしているのか、テーマ側の問題なのかわからず質問させていただきます。

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

プラグインのLightning G3 Pro Unitのバージョンが古いような気がしますので、最新版に更新してください。

[madoka k]

返信ありがとうございます。
確認したところ、バージョン 0.3.5で最新になっておりました。

[対馬 俊彦]

スクロールしても、body タグに scrolled header_scrolled というクラスが付与されていません。

この原因を突き止めれば、解決に近づくと思います。

とりあえず、プラグインをひとつずつ無効化して確認してみたらよさそうです。

[石川＠Vektor,Inc.]

見た所スクロールの状態管理をするjsが動作していないのですが、動作しない原因が不明なのでまずは

* 関連しそうなプラグインを一つずつ停止して症状が改善するかどうか？
* 独自に追加したCSSがあれば削除して改善するかどうか？
* 子テーマの場合は親テーマに設定して改善するかどうか？

を確認してください。

• この返信は3年、 6ヶ月前に石川＠Vektor,Inc.が編集しました。

[madoka k]

直近のcssの変更点を確認したところ、原因がわかり修正できました。

body,htmlにheight:100%を指定しており、
これが原因でscrolled header_scrolled が付与されなくなっておりました。

この度は回答をいただきありがとうございました。

[投稿者]

投稿