JQuery 任意の要素までスクロールする

任意の要素までスクロール

<a id='totopTest'>ここをクリックすると#logoまでスクロール</a>
<script>
jQuery(function($){
 $('#totopTest').click(function(){
  $doc = $('body');
  var scrTop = $('#logo').offset().top;
  $doc.animate({ scrollTop: scrTop }, 'fast', 'swing');
 });
});
</script>

<a id='totopTest'>ここをクリックすると#logoまでスクロール</a>

jQuery(function($){

$('#totopTest').click(function(){

$doc = $('body');

var scrTop = $('#logo').offset().top;

$doc.animate({ scrollTop: scrTop }, 'fast', 'swing');

});

</script>

ここをクリックすると#logoまでスクロール

var scrTop = $(‘#logo’).offset().top で、topからの位置を取得して、scrTop に格納 animate()で、スクロールをアニメーション化します。 scrollTop: scrTop で、スクロール量を指定。