position stickyでHTML要素を画面にとどまらせる - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? HTML要素を画面に張り付かせる 小さなダイアログやヘッダー、広告といった、スクロールをしても画面の特定の位置に表示しておきたい要素がでてくることがあります。 JavaScript による実装で位置を固定しておくことも可能ですが、CSSのposition: stickyを利用すると、要素を画面の特定の位置に表示しておく粘着動作を簡潔に実現することが可能です。 position: sticky position: stickyは要素を粘着させるCSSプロパティです。 スクロールを行った際に、要素を特定の箇所にとどまらせることができます。