JavaScript | ページの最上部にスクロールするボタン

JavaScriptを使ってページの最上部にスクロールするボタンの実装サンプルです。 トップへ戻るボタンはコンテンツ量が多いサイトでモバイル端末からのアクセス時にユーザビリティを上昇させます。 See the Pen JavaScript | Scroll to top button by yochans (@yochans) on CodePen. ページの最上部にスクロールするボタンを設置する サンプルでは設置するボタンにbuttonタグを使用していますが、aタグ、テキストなど自由です。 <button id="scroll-to-top-btn">≫</button> ボタン用のCSS、固定表示はCSS側で実装しています。 transform: rotateでの回転は「≫」を上向きにしているだけですので、別の文字や記号、アイコンを利用する場合は不要です。 #scroll-to-top