みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

history.back使用時、ページトップへ移動

お世話になります。
javascriptのonClick="history.back()"で前ページに戻った際、ページの最上部に移動したいのですが、どのように書けば良いでしょうか。

history.back先のページに
window.onload = function () {$(window).scrollTop(0);}
と書いたのですが、最上部に移動せず悩んでおります。

お時間がある際に、ご回答いただけましたら嬉しいです。

投稿日時 - 2019-03-11 17:12:06

QNo.9595887

暇なときに回答ください

質問者が選んだベストアンサー

jquery を使用しているようですので、animate を使ってざっくりですが下記のような感じとかいかがでしょうか。

$(window).on("pageshow", function() {
$("html, body").animate({
scrollTop: 0
});
});

投稿日時 - 2019-03-13 00:12:06

お礼

ご回答いただきありがとうございます。
こちらのコードで希望通りの動作になりました。

試しに、$(window).on("pageshow", function() {});をwindow.onload = function () {}に変えても動作しました。

投稿日時 - 2019-03-13 10:51:48

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

history.back() で戻ってきた時はキャッシュが表示されるだけなのでonloadイベントは発生しません。
使えるとしたら onpageshow イベントですかね。

投稿日時 - 2019-03-11 18:14:37

お礼

早速のお返事ありがとうございます。
onpageshowを試してみたのですが、こちらでもページ上部へは移動しませんでした。

投稿日時 - 2019-03-12 19:18:10

あなたにオススメの質問