Question

我有一个主页包含2个部分在第一次到达时可见，第2部分是一个投资组合库。滚动section2后，我隐藏了section1，我只想从现在开始看到section2。当访客点击单个投资组合时 - ＆gt;重定向到详细信息投资组合页面 - ＆gt;单击后退按钮返回主页（此时我只希望第2部分可见）。

  //Before click on portfolio 
  history.pushState('', document.title, window.location.pathname);
  //After rediecting to portfolio detail, click back triggers
  window.history.back();

我在第2部分滚动时已成功隐藏了我的section1，但当我从靠近顶部的详细投资组合中回来时，它再次显示我在top section1。

我是否有机会通过历史或任何技巧隐藏我的section1，谢谢。

Answer 1

当您进入第2部分页面时，可以使用以下方法将其保存在localStorage中：

window.localStorage.setItem('visitedSection', '2');

在加载页面时，您可以检查localStorage，然后相应地隐藏第1部分，

$(document).ready(() => {
  var visitedSection = window.localStorage.getItem('visitedSection');
  if (visitedSection && visitedSection === '2') {
    $(section1Selector).hide(); //replace section1Selector with the appropriate selector
  }
});

在历史回归时隐藏部分

1 个答案: