positionのfixedとstickyの違い
fixedは、
viewportに対して相対的に配置
top/bottom/right/leftを使ってviewportに対して座標を指定する
常に表示したい場合に使う
stickyは、
最も近い祖先に対して相対的に配置される
下記画像右の普通にスクロールして移動している状態のことmrsekut.icon
親がスクロールされ位置が変わった場合に、指定したoffsetに到達すると、親がviewportから消えるまでその位置に留まる
高さは維持されるので余白を設ける必要はない
https://gyazo.com/8f26220b620a812d20f63d029ac7f0f4 https://nikitahl.com/position-fixed-vs-sticky-css
「右クリックした箇所に対してContext Menuを表示する」よなことをしたい時は？
親に対してではなく、viewportに対して座標を指定したいなら、fixedでうまくいくのでは