2011-07-10 14 views
4

私のコードをスクロールページの一番下にユーザー:ID「myTitle」とH3タグがあるページの一部にユーザーを取るように変更することができますどのようにjQueryを使用してページの一部にスクロールする方法は?

var $elem = $('body'); 
$('html, body').animate({scrollTop: $elem.height()}, 800); 

<h3 id="myTitle">Hello</h3> 
+0

私はhttp://demos.flesler.com/jquery/scrollTo/プラグインを使用することをお勧めします。とても使いやすく軽量です。 –

答えて

4

方法について:

var $elem = $("#myTitle"); 
$('html, body').animate({scrollTop: $elem.offset().top}, 800); 

.offset()を使用。

ここで働い例です:http://jsfiddle.net/naTjL/

+0

非常に良い、ありがとう – Fred

0

あなたがトップから要素のオフセットを取得することができます。あなたは、その後にスクロールするには、値としてそれを使用することができます

var position = $("#myTitle").offset().top;

。 JSをオフにしても、動作します

0

This is a brilliant example

。さらに、ブックマークを許可するURLに#myTitleを追加します。

+0

これは純粋にJSです。 JSの電源を切っても、どのように動作しますか? – Mrchief

+1

@Murchief:別の要素を参照するアンカーをクリックしたときのデフォルトの動作を参照することができます(もちろんスクロールしません)。 –

0
$('html, body').scrollTop($("#myTitle").offset().top) 
関連する問題