[ 解決済 ] 固定ページ内でposition:stickyが効かない

[madoka k]

■ WordPress のバージョン
6.1.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.25.1

■ Pro Unit のバージョン
0.23.2

■ スキンの種類
プレーン

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
固定ページ内で、上部に固定されるサイドメニューを作成したいのですが、
position:stickyを設定しても上部固定されず沼にハマっております・・・

■ 自分で試した事
skickyしたい要素には top、height指定しており、
全く同じコードをWordpressではないhtmlとして動作させたところstickyしているので
なにかしらの影響を受けているようなのですが、見つけられずにおります。

■ 症状が発生するブラウザ
Chrome,Safari

■ 実際の症状
flexで組んだdivの片側に対しdisplay:stickyを設定しても上部固定されない。

• このトピックはmadoka kが2年、 2ヶ月前に変更しました。

[madoka k]

本件、自己解決いたしました

bodyに overflow:auto; が設定されているため、stickyの動作をしなかったのが原因でした。
該当固定ページのbodyに overflow:visible を設定することで無事固定できましたので、もし誰かのお役に立てば幸いです。

[投稿者]

投稿