私のコードをスクロールページの一番下にユーザー:ID「myTitle」とH3タグがあるページの一部にユーザーを取るように変更することができますどのようにjQueryを使用してページの一部にスクロールする方法は?
var $elem = $('body');
$('html, body').animate({scrollTop: $elem.height()}, 800);
:
<h3 id="myTitle">Hello</h3>
私のコードをスクロールページの一番下にユーザー:ID「myTitle」とH3タグがあるページの一部にユーザーを取るように変更することができますどのようにjQueryを使用してページの一部にスクロールする方法は?
var $elem = $('body');
$('html, body').animate({scrollTop: $elem.height()}, 800);
:
<h3 id="myTitle">Hello</h3>
方法について:
var $elem = $("#myTitle");
$('html, body').animate({scrollTop: $elem.offset().top}, 800);
.offset()
を使用。
ここで働い例です:http://jsfiddle.net/naTjL/
非常に良い、ありがとう – Fred
あなたがトップから要素のオフセットを取得することができます。あなたは、その後にスクロールするには、値としてそれを使用することができます
var position = $("#myTitle").offset().top;
。 JSをオフにしても、動作します
。さらに、ブックマークを許可するURLに#myTitle
を追加します。
これは純粋にJSです。 JSの電源を切っても、どのように動作しますか? – Mrchief
@Murchief:別の要素を参照するアンカーをクリックしたときのデフォルトの動作を参照することができます(もちろんスクロールしません)。 –
$('html, body').scrollTop($("#myTitle").offset().top)
私はhttp://demos.flesler.com/jquery/scrollTo/プラグインを使用することをお勧めします。とても使いやすく軽量です。 –