Implementing A Back-to-Top Button with the Intersection Observer API

Intersection Observer APIを使って、いわゆる「トップに戻るボタン」を実装する簡単な例です。

このグローバル・ヘッダーにあたる要素がビューポート内に表示されていないと、ページの右下にトップに戻るボタンが現れます。逆に少しでも表示されていると、ボタンは消えます。