スクロールせずにトップに戻りたい

Question

よくあるスクロールしてトップに戻る（ページ内リンク）ですが、
ページが縦に長くスクロールすると時間がかかるので、スクロールせずにふわっと目的地にいきたいのですがうまくいきません。

  var headerHeight = $('header').outerHeight();
  $('a[href^="#"]').click(function() {
	  var href= $(this).attr("href");
	  var target = $(href);
	  var position = target.offset().top - headerHeight;
	  $('body,html').css('opacity', '.2').animate({'opacity': '1'},{scrollTop: position}, 1500);
	  return false;
  });

・スクロールせずにトップに戻りたい。
宜しくお願いいたします。

Comments

[hatena19]

アニメーションする時間は1500ミリ秒に固定されているので、縦の長さと時間は関係ないと思いますが、何がお望みでしょう。

[hati3693]

ものすごく縦に長いページだと、他のページでゆっくりスクロールして上に上がるものが超スピードで上に上がるので、見ていて疲れるというか不自然だなと思いました。
スクロール以外の方法がなかなか見つけられなかったので質問した次第です。

Answer 1

下記のようなことでしょうか。

 $('body,html').css('opacity', '.2').scrollTop(position).animate({'opacity': '1'}, 1500);

Comments

[hati3693]

望みの通りのものができました！
大変勉強になりました。ありがとうございます。