ウィンドウの右下にページトップへ戻るボタンを追加。

ウィンドウの右下に「ページトップへ戻る」ボタンを動的に追加し、スムーズスクロールでページ上端へ戻れるようにする。

デモページを表示

CSS

補足

• 「ページトップへ戻る」ボタンの位置や外観を設定。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

jQuery

補足

• ５行目： body 要素の最後に a 要素を動的に追加。リンク先は body 要素（id="pagetop"）にしている。
• スムーズスクロールさせない場合は、8～14行目は不要。
• デモページで使用している jQuery のバージョンは 1.12.4 。

HTML

補足

• ページ上端へ戻すために body 要素に id="pagetop" を設定している。