カテゴリー:
CSSトラブル対応
閲覧数:329 配信日:2020-04-07 12:42
要旨
「position:sticky;」が効かなくなっていたので、正常動作するようにした
・「原因」と「解決した理由」は、ともに不明
・たまたまうまくいった可能性も否定できない
最終的に
祖先要素である<header>に「display:inline;」を指定
問題発生
以前は正常動作していたはずなのに…
いつの間にか「position:sticky;」が効かなくなっている
原因不明
色々試すも
どうしてもうまくいかない
「display:flex;」が原因?
「display:flex;」使用しているため、この影響かと思い色々試すも、どうしてもうまくいかない