私はdivsで公開しているWebサイトを構築しています。位置Xにスクロールした後にページを更新すると、ページはスクロール位置をXとしてロードされます。
ページの更新時にページを強制的に最上部にスクロールするにはどうすればよいですか？
何を私は考えることができることなど、いくつかのJSやjQueryの実行であるonLoad()とページの機能SETページが一番上までスクロールします。しかし、どうすればいいのかわかりません。
より良いオプションは、ページをデフォルトでスクロール位置でロードするプロパティ（または上部）がある場合です。これは、ページの更新ではなく、ページのロードのようなものです。
回答:
単純なプレーン JavaScript実装の場合：
window.onbeforeunload = function () {
window.scrollTo(0, 0);
}Safari 11.0.3大丈夫です、どちらを使用していますか？
return？
document.querySelector('html').style.scrollBehavior = '';も必要かもしれません。に設定されている場合smooth、ページが再ロードされる前に上部に表示されない場合があります。
ここでの答えはSafariでは機能しません。
beforeunloadあなたがいくつかを行うことを妨げるイベントを使用する必要がありますsetTimeout
$(window).on('beforeunload', function(){
$(window).scrollTop(0);
});繰り返しますが、最良の答えは次のとおりです。
window.onbeforeunload = function () {
window.scrollTo(0,0);
};（非jQueryの場合、JQメソッドを検索する場合は検索してください）
編集：「onbeforunload」の少しの間違い:) Chromeや他のブラウザは、アンロード前の最後のスクロール位置を「記憶」するため、ページのアンロードの直前に値を0,0に設定すると、0,0を覚えて勝ちますスクロールバーがあった場所にスクロールして戻りません:)
document.documentElement.scrollTop動作する必要があります。私は通常両方を使用します。
$(document).ready(function(){
$(window).scrollTop(0);
});Google Chromeはページの読み込みが完了した後に下にスクロールするだけなので、私にとってはうまくいきませんでした。私が使ったのは
$(document).ready(function() {
var url = window.location.href;
console.log(url);
if( url.indexOf('#') < 0 ) {
window.location.replace(url + "#");
} else {
window.location.replace(url);
}
});//これにより、末尾に＃が付いたページが読み込まれます。したがって、常に一番上にロードされます。
ウィンドウのスクロールを上に戻すようにリセットするに$(window).scrollTop(0)は、beforeunloadイベントでトリックを行いますが、Chrome 80でテストしたところ、リロード後に元の場所に戻ります。
これを防ぐには、をに設定history.scrollRestorationし"manual"ます。
//Reset scroll top
history.scrollRestoration = "manual";
$(window).on('beforeunload', function(){
$(window).scrollTop(0);
});