jQueryと素のJSでスルスルとページトップへ戻る方法

@ハクト 2022-09-05 13:02:44に投稿

LPなど縦長のページで必要になる「ページトップへ戻る」リンクの実装方法です。

jQuery

//「scrollTop:値」で指定した位置(0)に移動
//animate関数で動作が完了するまでの速さ(500ミリ秒)を指定 
$('html,body').animate({scrollTop:0}, 500);

JavaScript

//「top:値」で指定した位置(0)に移動
//「behavior」にスムーズスクロール(smooth)を指定
window.scrollTo({top: 0, behavior: "smooth"});

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter