當單擊后退按鈕時，使用history.js會處於相同的滾動位置

Question

我想實現一種功能，其中在單擊“后退”按鈕時，我回到相同的位置。 任何電子商務網站都是一個很好的例子。當我們向下滾動並點擊某個產品，然后從產品頁面單擊返回時，我們應該到達該產品所在頁面的相同位置。

我們使用history.js查找hashchange，並使用pushstate保存條目。 但是，當我單擊“后退”按鈕時，它將加載到頁面頂部，而不是項目滾動位置。 另外，我們主要使用AJAX來填充數據

我對jquery，ajax相當陌生，因此不知道如何設置滾動位置，如何在單擊后退按鈕期間保存和加載。

任何幫助將是巨大的！

謝謝

Answer 1

我最近使用$(document).scrollTop()實現了類似的操作，並在離開頁面時將該圖存儲在cookie中。 我的用例是非ajaxy的，但是可以通過使用History.js的事件替換頁面加載事件來輕松地適應相同的想法，而無需為持久性而煩惱cookie。 正如上述@Kyle在其評論中提到的那樣，History.js允許您使用pushState存儲數據，當您返回該狀態時會返回該數據。

請參閱jQuery的文檔： http ： //api.jquery.com/scrolltop/