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">タグにスクロール