javascript - Web ページのスクロール位置を調整するには?

Question

私のページには、検索を可能にするポップアップ ウィンドウがあります。

問題は、ポップアップがページのスクロールされた部分にあることです。検索結果でページをリロードすると、ポップアップは「開いています」が、新しいヒットであるため、ページ全体が再び上部から始まります。結果ビューがウィンドウと一致するように、ページを直接「途中」下にスクロールするにはどうすればよいですか? ある種のアンカーを使用する必要がありますか?

Answer 1

ここには 2 つの選択肢があります。

A)アンカーを使用します。検索ボックスがある に ID を与えるdivと (それが だとしましょうsearchdiv)、http://yoursite.com/page.html#searchdiv自動的に にスクロールしsearchdivます。これを詳しく説明するための小さなデモを次に示します: little link。(ブラウザのロケーション バーの URL に注意してください)。

B)スクロールをもう少し派手にしてアニメーション化する場合は、jQuery を使用します。

var tp = $("#searchdiv").offset().top; //get the element's top
$('html, body').animate({scrollTop: tp}, 500); //animate for 500ms

このメソッドの小さなデモ: little link .

それが役に立ったことを願っています！

Answer 2

#タグが使える

<a name="xyz"></a>表示したい位置に移動します

にリダイレクト

index.php#xyz