このスクリプトにアンカーを追加することは可能ですか?一番上までスクロールするのではなく、ページ内の特定のアンカーまでスクロールしたいと思います。
現在のスクリプトは次のとおりです。
if (isError) {
$('html, body').animate({
scrollTop: 700
}, 2500);
$("#error-div").show();
} else {
$("#error-div").hide();
}
このスクリプトにアンカーを追加することは可能ですか?一番上までスクロールするのではなく、ページ内の特定のアンカーまでスクロールしたいと思います。
現在のスクリプトは次のとおりです。
if (isError) {
$('html, body').animate({
scrollTop: 700
}, 2500);
$("#error-div").show();
} else {
$("#error-div").hide();
}
この単純なタスクのために巨大なプラグインを含める必要は実際にはありません。
jQuerys --function position()
(jQuery Doc)を使用すると、DOM内の要素の位置を取得できます(表示されている限り)。親を基準にして、top
aとleft
-の値を持つオブジェクトを返します。ドキュメントに関連する値が必要な場合は、-関数を使用します。使用法は同じままです。offset()
基本的な使用法を示すために、ちょっとしたフィドルを作成しました。
scrolltoプラグインを使用すると、ページ全体を任意の要素にスクロールしたり、要素の内部をスクロールしたりすることができます。 http://demos.flesler.com/jquery/scrollTo/
私があなたの質問を理解した場合、あなたはあなたのページのスクロールしたい場所と<div id="scrollHere"></div>
あなたのjqueryにそのようなものを置く必要があります:
window.location.href = "#scrollHere";
このメソッドは、その場合、#scrollHereが置かれているページに直接移動します。