jQueryでページのトップへ戻る

スクロールしながらページのトップへ移動

jQuery

$(function () { $('a[href=#]').click(function() { $('html,body').animate({ scrollTop: 0 }, 'normal'); return false; }); });

scrollTop: 0で画面一番上へ移動。
scrollTop: 300で上から300pxの位置へ移動。
scrollTop: $(document).height()で画面一番下へ移動。

HTML

<a href="#">ページのトップへ</a>

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。