ページリロード時にページ上部から表示させたい

Question

実現したいこと

ページリロード時に、毎回サイトの一番上から表示出来るようにしたい

前提

半分ほどスクロールしてページをリロードすると、ページ上部からではなく、リロード前にスクロールしていた位置(?)が表示されることがあります。
これを解決しようと思って、window.scrollTo(0, 0)を仕込んだのですが思った挙動になりませんでした。

なにか良い解決策はありますでしょうか。。。

補足
jsの読み込み位置はheadタグ内
サイトはMPAで作成したもの

該当のソースコード

window.addEventListener('DOMContentLoaded', () => {
  window.scrollTo(0,0)
)

試したこと

ブラウザリロード後、consoleでwindow.scrollTo(0,0)を実行すれば、ページ上部へ移動します。

Answer 1

DOMContentLoadedで問題ないと思うのですが、念のためpageshowでどうでしょう？

window.addEventListener('pageshow',()=>{
  const nav=performance.getEntriesByType("navigation")[0].type;
  if(nav=="reload") window.scrollTo(0,0)
});

Comments

[hosodaaaaa]

すみません、ご連絡遅くなりました。

別の処理が干渉してる場合も無きにしも非ずなので、いただいたコード以外をコメントアウトして、logを出して確認もしているのですが、eventも取れてるし条件分岐にも入ってるのですが、window.scrollTo(0,0)が動作してなさそうで、うーーーんとなっています。。

[hosodaaaaa]

ちなみに、htmlのscriptタグに直接仕込んでもダメでした。