首頁 > 網際網路

怎麼能讓網頁重新整理後儲存先前的位置不變

2019-12-12 13:58:18

我們在做頁面開發時,為了有更好的使用者體驗,我們可能需要在網頁重新整理後,讓頁面能顯示先前所在的位置,這個怎麼處理?可以借助cookie來實現。

1

我們先為頁面新增一個unload方法,就是頁面關閉或重新載入前會呼叫的。


2

在方法裡面,先通過scollTop方法獲得頁面當前的位置,就是頁面捲動了多少。


3

然後把這個捲動值儲存到cookie裡。


4

接著新增一個ready方法,這個是頁面載入完成後會呼叫的。


5

在方法裡,通過獲得cookie的值,來取得之前頁面的捲動高度。


6

然後使用一個動畫效果來把頁面捲動到之前的位置。


7

這裡的程式碼使用到了jquery,和jquery cookie的外掛,需要在html裡引入這二個指令碼的。



IT145.com E-mail:sddin#qq.com