`position : fixed`で全画面表示する時の悩み解消法 | Freelance Journal フリーランス ジャーナル

一言まとめ ちょっとした工夫でposition : fixed;でも、以下のことが可能。 position : fixed;を設定した要素が、画面からはみ出てもスクロールできる 背景 (body) のスクロールを止める ちょっとしたモーダルウィンド(Modal Window)とか、別レイヤーで画面いっぱいに表示する場面って多々あると思います。 別レイヤーで、画面の縦横いっぱいに表示する時に使う手法は2つしかないです。 position : absolute; position : fixed; fixedのほうが多用されているように思いますが、表示するコンテンツのサイズが大きい時にabsoluteを使う人も多いでしょう。おなじみの「LightBox」でもabsolute使っていますよね？ absoluteを使う利点はあまりないと思いますが、十中八九、 「コンテンツが大きくて画面に収まらない

[naoto0303]

“ overflow: hidden;”

[jshimazu]

モーダルで背景スクロールさせたくないとき

[xipx]

ハマりどころが潜んでいる

[sato413]

`position : fixed`での悩みどころ解消