IntersectionObserver スクロール position: absolute ⇔ position fixed

下へスクロールしたら上へ戻るためのスクロールトップボタンを表示させたい

下へスクロールすると上部へ消えていく任意の要素を監視対象とした
スクロールトップボタンはデフォルトの設定で不可視、および位置として position: absolute を設定して調整(bottom とか right とか)
下へスクロールして任意の監視対象が消えたらボタンを可視、 position を fixed にして absolute で固定された位置からスクロールに追随させる

適当に実装してみた

f:id:m_rai:20210330145527p:plain
こんな感じで