javascript - 如何记住 NAV 的滚动位置(固定/溢出-y :scroll)

Question

我有一个 Assets 净值位置:固定；顶部:115px；宽度:210px；下边距:0px；底部:0px；溢出:隐藏； Overflow-y:scroll; 指定。

<nav itemscope="" itemtype="http://schema.org/SiteNavigationElement" class="content-left">

此NAV在我的网站中有一个主题列表(链接)。

我希望它在刷新页面或单击页面中的链接后记住NAV的垂直滚动位置。我可以使用jquery。我该怎么做？谢谢。

Answer 1

您需要在本地存储数据(使用 local storage/cookies)，然后重新滚动到该位置。

一些示例代码(根据您的使用进行定制，这在 StackOverflow 中不起作用，因为片段的本地存储被禁用):

$(document).ready(function(){
  
  // Load any previous scroll position
  var previousScroll = localStorage.getItem('scrollPos');
  if(previousScroll !== null){
    $(window).scrollTop(previousScroll)
  }
  
  // Save scroll position when a user stops scrolling
  $(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        localStorage.setItem('scrollPos', $(window).scrollTop());
    }, 250));
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>