javascript - ロードすると、ページはその下に移動します

Question

ウェブサイトに問題があります。ページは Firefox では正常に読み込まれますが、Chrome または Safari を使用するとページの下部に移動し、その理由がわかりません。ページの先頭に次のスニペットを挿入しようとしましたが、うまくいきませんでした。

<script>

$(document).ready(function() {
    $(document).scrollTop(0);
});

</script>

読み込み時にページが一番下に移動するのはなぜですか?

score 5 · Accepted Answer

あなたのサイトに行くと、http://www.ondinevermenot.fr/#startにリダイレクトされます。つまり、ページはstart要素にジャンプしようとします。

ただし、start要素は絶対配置されます。したがって、ページが下にジャンプしようとすると、start要素も一緒に下に移動します。したがって、ページは再び下にジャンプしようとします。その後、start要素はさらに下に移動します。スペースがなくなると、ページの一番下まで下がり続けます。

#startこれを修正するには、ページの読み込み時にリダイレクトしないでください。

絶対位置にあるものにジャンプするという奇妙さのため、ブラウザによって処理が異なる可能性があります。

score 1 · Accepted Answer

画像やその他のコンテンツを div 内に配置し、div のボックス属性を margin:auto に設定してみてください。HTML5 でうまく動作します。

score 0 · Accepted Answer

i have an alturnative work around for you and incase you ever need to get to the top of the page - you can use this javascript as an alturnative:

((IJavaScriptExecutor)webapplication).ExecuteScript("window.scrollTo(0, document.body.scrollHeight 0)");

however the other option would be to set a start up property: for example document.start("body.height = 0") something along those lines may work.

preferably id use option one as a code to start the broswer at a set height may not work so well for every browser. hope this helps.

score 0 · Accepted Answer

フッターにホームページへのリンクが2つありました。フッターからリンクを削除すると、問題はなくなりました。

4 に答える 4