html/js: 在相同的滾動位置返回上一頁

Question

假設我有一個很長的頁面，就像一篇文章。 有一個鏈接，例如立即buy full article now或其他內容。 單擊后，它將重定向到包含我所有腳本的頁面，將文章添加到數據庫，然后再次重定向回文章頁面。 這可能嗎？ 而且，我怎樣才能讓它重定向到用戶瀏覽的相同滾動位置？

一個很好的例子就是瀏覽器上的BACK按鈕。 它將帶您到您訪問過的上一頁，在相同的滾動位置

Answer 1

從這個問題：

在頁面卸載期間，獲取滾動位置並將其存儲在本地存儲中。 然后在頁面加載期間，檢查本地存儲並設置滾動位置。 假設您有一個帶有 id 元素的 div 元素。 如果是頁面，請更改選擇器:)

 $(function() { $(window).unload(function() { var scrollPosition = $("div#element").scrollTop(); localStorage.setItem("scrollPosition", scrollPosition); }); if(localStorage.scrollPosition) { $("div#element").scrollTop(localStorage.getItem("scrollPosition")); } });

Answer 2

您可以使用純 Javascript：

window.history.back()