× 無料のユーザー登録をすると学習状況を管理することができるようになります

ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト

jQueryで作る先頭へのジャンプ機能 (全4回)

ドットインストールでも実装されている｢このページの先頭へ｣を組み込む方法を解説していきます。

#04 クリックイベントを設定する
2012年4月18日

補足情報 他のブラウザで正しく動作させるには？

お問い合せでいただきましたが、このコードではFirefoxやIEではうまく動作しません。Firefox等でも動作させるには以下のように「$('body')」を「$('body,html')」に変更してください。

// #back-to-topがクリックされたら上に戻る
$('#back-to-top a').click(function() {
    $('body,html').animate({
        scrollTop:0
    }, 500);
    return false;
});