トップへ(mam-mam.net/)

jQueryで指定要素にアニメーション スクロールさせる

検索:

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