如何僅將本地存儲用於當前頁面。在jquery

Question

當導航離開當前頁面時，是否有可能以某種方式清除localStorage值。

我想保存在localStorage變量上的頁面的scrollTop值，並使用它滾動到該點，在頁面刷新。

但是，如果我去了不同的頁面，我想localStorage的值再次設置爲空。

有沒有簡單的方法可以讓我做到這一點

UPDATE

新增通過Blaze provied給我的腳本和它發生錯誤

腳本

答案

$(document).on('vclick','#outerPage',function(e){ 
    // alert('yo i am clickable now'); 
    var parentOffset = $(this).parent().offset(); 
    //or $(this).offset(); if you really just want the current element's offset 
    var relX = e.pageX - parentOffset.left; 
    var relY = e.pageY - parentOffset.top; 
    // localStorage.setItem("scrollPosition", relY); 
    //storePosition.topCoordinate = relY; 
    //alert(relY); 
    obj = JSON.parse(localStorage.getItem('scrolls')); 
    obj[location.pathname] = relY; 
    localStorage.setItem('scrolls', JSON.stringify(obj)); 
    console.log(localStorage.getItem("scrolls")); 
}); 

錯誤

Uncaught TypeError: Cannot set property '/url.html' of null 

感謝&問候

Answer 1

是

只需使用卸載功能使用jQuery jquery/unload

在卸載功能，只需清除localStorage的

localStorage.clear();