position sticky と overflow hidden が相反する

Question

bootstrapを使用してUIUXを整えていたら、右側に余白ができてしましい、
body全体にoverhidden flow を指定したら、右側の余白はなくなりました。
しかし、position stickyを指定していた箇所が向こうになてしまい。position stickyしません。

Comments

[kei344]

https://teratail.com/questions/252909 新たな質問があるのに、まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。

Answer 1

仕様です。別の手段で余白をなくすようにしてみてください。

なお粘着要素は、直近の祖先がスクロールしない場合でも、「スクロールの仕組み」を持つ直近の祖先 (overflow が hidden, scroll, auto, overlay として作成されたもの) に「粘着」します。

position - CSS: カスケーディングスタイルシート | MDN