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

VWSとは フォーラム Lightning [ 解決済 ] 固定ページ内でposition:stickyが効かない

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

タグ: ,

  • このトピックには1件の返信、1人の参加者があり、最後にmadoka kにより2年前に更新されました。
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #71367

    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年前に変更しました。
    #71369

    madoka k
    参加者

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

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

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。