HTMLファイルの最上部に<a name=”top” id=”top”></a>などと置いて、<a href=”#top”>上に戻る</a>とやると画面の最上部にスクロールしてくれるリンクを置くことができます。この動作をjQueryで代替することができました。
下記のjQueryのコードを記述すると、idの「switch」が付けられた要素がクリックされるとページの最上部へスクロールするようになります。最上部にaタグを置かなくても良いのでメリットは大きいと思います。
scrollTopメソッドは引数が空だと現在のスクロール位置を返してくれますが、数値を引数に渡して実行するとその位置までスクロールしてくれるようになります。
[javascript]
$(function(){
$(‘#switch’).click(function(){
$(‘body’).scrollTop(0);
});
});
[/javascript]