jquery:ページスクロール

$(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="下スクロール" />