【jQuery】topに戻るスクロールボタン | Web Cafe

下に長いページだと、トップに戻るのがわずらわしかったりします。 そんな時に使う。 １．まずjQueryをヘッダーに呼び出す。 ２．以下のソースを好きな名前をつけjsフォルダに格納し（pagetop.jsとか）ヘッダーで読み込む $(document).ready(function(){ var pagetop = $('.pagetop'); $(window).scroll(function(){ if ( $(this).scrollTop() > 500 ) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); ３．ｈｔｍｌファイルの任意

[yohshiy]

ID とリンクでやるよりも、どこでも使えるし、戻ったときのアドレスも変わらないので、使いやすい。ただ、Top に戻るためだけに JavaScript を必要とするのも、ちょっと嫌。ブラウザにこんな機能があればいいんだけど。

[z1a2nh]

トップを狙え