0

<img>タグの形で写真を動的に挿入するページがあります。<div>ページにはそれらのいくつかが含まれています<div>。それぞれのすぐ上の<h1>テキストに<div>は特定のIDがあり、アンカータグでそのIDを使用すると、ページが下にスクロールして<h1><div>コンテナが表示されます。問題は、別のページからページにアクセスするとき、たとえばこのリンクを開くときです。ajaxコードは画像を取得するのに数秒かかり、複数の<div>コンテナの高さのサイズを変更するため、画像を挿入する前に、ページはID「office」のタグまでスクロールダウンします。<div>他のコンテナの高さが変わると迷子になるためにスクロールしようとしていたコンテナ。

ブラウザのフォーカスをに保ち<div>、ページの動的な変化に応じて上下にスクロールする方法はありますか?そして、ユーザーが手動でクリックまたはスクロールしたときにフォーカスを壊す可能性がありますか?

ありがとう。

4

1 に答える 1

0

ページが常に特定の高さになるように、画像を含むdivの高さを固定するのが最善の選択肢だと思います。次に、下にスクロールすると、画像が読み込まれたときに位置がずれることはありません。

また、javascriptを使用して、URLに#が含まれているかどうかを確認し、ページが完全に読み込まれるまでジャンプを防ぐこともできます。

でハッシュを確認してください

if (location.hash) {
    //prevent scroll
    window.scrollTo(0, 0);

    //add function to wait till page fully loaded then scroll to anchor
}
于 2013-03-26T22:35:58.113 に答える