4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Position:fixed :sticky違い

Posted at

fixedとsticky対する理解
・fixed:ウインドウに固定される。
・sticky:親要素の中で固定される。
親要素から飛び出して欲しくない要素を固定したいなと思った時はstickyを使って親要素の範囲内にとどめられる。
コンテナの中にサイドとメインの要素を配置。さらにサイドにナビゲーションバーを配置して動かないようにしたい時はstickyを使う事でバーをサイドの中に留めつつ固定できる。fixedを使ってしまうとサイドから出てしまい各要素のサイズなど調整が面倒になりそうかなと個人的に感じました。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?