$(function(){ // ページ最上部へ $("#btn_top").click(function () { jQuery('body,html').scrollTop(0); return true; }); // 上スクロール $("#btn_up").click(function () { var pos = $(window).scrollTop() - 300 ; jQuery('body,html').animate({scrollTop:pos}, 500, 'swing'); return true; }); // 下スクロール $("#btn_down").click(function () { var pos = $(window).scrollTop() + 300 ; jQuery('body,html').animate({scrollTop:pos}, 500, 'swing'); return true; }); });
<img src="/btn_top.png" width="64" height="64" id="btn_top" alt="上部へ" /> <img src="/btn_top.png" width="64" height="64" id="btn_top" alt="上スクロール" /> <img src="/btn_down.png" width="64" height="64" id="btn_down" alt="下スクロール" />