jQueryはすごく便利なライブラリでDOM操作をするのに素晴らしいです。
jQueryを使って指定のオブジェクトに滑らかにスクロールさせる方法です。
<div id="sc1">のDIVタグがあります</div>
<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" />
スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域 スクロール用の改行領域
<div id="sc2">のDIVタグがあります</div>
<div id="sc1">タグにスクロール