亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

返回歷史記錄后,滾動到頂部

返回歷史記錄后,滾動到頂部

慕婉清6462132 2022-12-29 15:35:01
我在我的 Web 應用程序中使用此代碼返回頁面:window.history.go(-1);它運行良好,但會將用戶帶到他們在頁面上的同一垂直位置。返回后,如何讓頁面的頂部顯示?我試過:<script>window.history.go(-1);window.scrollTo(0, 0); // This doesn't execute.</script>我不需要流暢的動畫或過渡。關鍵只是確保命令在返回后運行。
查看完整描述

3 回答

?
BIG陽

TA貢獻1859條經驗 獲得超6個贊

好吧,在嘗試了幾件事之后,這些是唯一對我有用的兩個。


查詢

$(window).on("pageshow", function(event) {

    window.scrollTo(0, 0);

});

JavaScript

window.onpageshow = function(event) {

    window.scrollTo(0, 0);

};

我希望它能幫助別人。


查看完整回答
反對 回復 2022-12-29
?
青春有我

TA貢獻1784條經驗 獲得超8個贊

不過,此方法適用于 Firefox,不適用于 Chrome??梢詤⒖歼@個問題回溯 Firefox 的歷史,JavaScript 不會運行更多細節。

您可以在 first_page.html 中使用此代碼:


<script>

    window.onunload = function () { };

    scrollTo(0, 0);

</script>

onunload 確保即使按下后退按鈕或使用 window.history.go(-1) 也會執行 scrollTo(0, 0);


查看完整回答
反對 回復 2022-12-29
?
LEATH

TA貢獻1936條經驗 獲得超7個贊

使用 history.scrollRestoration:


if (history.scrollRestoration) {

  history.scrollRestoration = 'manual';

}

history.back();

利潤!


MDN 上的 scrollRestoration


查看完整回答
反對 回復 2022-12-29
  • 3 回答
  • 0 關注
  • 121 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號