如何仅对当前页面使用本地存储。在jQuery中

Question

当导航离开当前页面时，是否可以以某种方式清除 localStorage 值。

我正在尝试将页面的 scrollTop 值保存在 localStorage 变量中，并在页面刷新时使用它滚动到该点。

但是如果我转到不同的页面，我希望将 localStorage 值再次设置为空。

有什么简单的方法可以解决

更新

将Blaze 提供的答案添加到我的脚本及其生成错误

脚本

$(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.clear();