右下に固定される「↑ トップへ」ボタン。アンカーリンクとscroll-behaviorだけのJSなし実装で、どのページにもすぐ足せます。
プレビュー枠は右下をドラッグすると高さを変えられます
書き換えるとプレビューに即反映されます。変更はこのページ内だけで、リロードすると元に戻ります。
「トップへ戻る」はボタンではなくアンカーリンク（href="#id"）で作ると、JSゼロで完成しキーボードでもそのまま動きます。position: fixed + inset で右下に固定し、移動の滑らかさは scroll-behavior: smooth に任せます。リンクの中身は「↑」だけなので、意味は aria-label で伝えます。
「一定量スクロールしたら表示」まで作り込む場合はJSでの出し分けか、animation-timeline: scroll()（新しめ）を検討してください。
ページトップへ戻るボタンをJSなしで作ってください。href="#id"のアンカーリンクをposition: fixedで右下に固定し、scroll-behavior: smoothで滑らかに移動、aria-labelとfocus-visibleも付けてください。