jqueryを使って与えられたdivに移動

Question

私のHTMLには、与えられたクラスでdivがあります。

ボタンをクリックした後、そのdivの先頭に位置を設定したいと思います。それはスムーズに行くかもしれません。 どうすればいいですか？ヘルプ

Answer 1

うんため

おかげで、これをチェック：その位置にスクロールするHTMLを取得し、その後

jQuery.fn.extend({ 
    scrollTo : function(speed, easing) { 
     return this.each(function() { 
      var targetOffset = $(this).offset().top; 
      $('html,body').animate({scrollTop: targetOffset}, speed, easing); 
     }); 
    } 
}); 

：http://jsfiddle.net/AlienWebguy/JU3xj/5/

を基本的に、我々は最初のscrollToと呼ばれる小さなプラグインを作成しますDOMの中では非常に簡単です：

$('div.whatever').scrollTo(300,'linear'); 

その中でコード、300は、スクロールが発生するまでの所要時間です。数字が大きいほど遅くなります。ミリ秒単位であるため、1000は1秒に相当します。 linearはイージングです。他のタイプのイージングについては、JQueryUIなどをお勧めします。easing optionsをご覧ください。

Answer 2

1つの方法は、AlienWebguyの提案と同様に動作するjQuery.ScrollTo pluginを使用することですが、便利なオプションがたくさんあります。