LoginSignup
4
4

More than 5 years have passed since last update.

JavaScriptでリロードしたときにスクロール位置をリセットしたい

Posted at

ボタンを押したら同じURLを再表示するという処理を書こうとして

$btn.on('click', function() {
  location.reload();
});

としていたら、同じURLを再表示は出来るのですが、ボタンを押す前に画面をスクロールしていると再表示後もスクロールした状態になってしまいました。
ブラウザリロードしているので当たり前ですが、仕様として不都合だったのでリロードではなくリダイレクトさせるためにlocation.hrefを使います。

$btn.on('click', function() {
  location.href = location.href;
});

一見すると何やってるのかよく分からないコードになってしまいましたが、これで同じURLにリダイレクトさせてスクロール状態などはリセットされるようになりました。

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4