jQueryを使って指定オブジェクトに滑らかにスクロールさせる

トップページJavascript CSS講座⇒jQueryを使って指定オブジェクトに滑らかにスクロールさせる

jQueryを使って指定オブジェクトに滑らかにスクロールさせる


jQueryはすごく便利なライブラリでDOM操作をするのは素晴らしいです。
jQueryを使って指定のオブジェクトに滑らかにスクロールさせる方法です。

id="sc1"のDIVタグです
id="sc2"にスクロール
<input type="button" onClick="gotoScroll('#sc2')" id="sc1" />
<script>
	function gotoScroll(goId){
		var obj=$(goId);
		$("html,body").animate({scrollTop:obj.offset().top},'slow');
	}
</script>
 <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<input type="button" onClick="gotoScroll('#sc1')" id="sc2" />
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
			
			
			
			スクロール用の改行領域
			
			
id="sc2"のDIVタグです
id="sc1"にスクロール
Mam's WebSite