保持水平滚动位置到页面

Question

我在网站上有一个水平滚动div作为菜单。

我的问题是，当单击一个菜单项并且用户进入包含该菜单的下一页时，它不记得水平滚动位置。重要的是，显示活动菜单项时用户无需滚动即可再次找到它。

我要在所有页面上定位div，以便它记住菜单栏中的水平滚动位置。我已经进行了很多JavaScript调查，但还没有找到类似的解决方案。其他论坛用户指出使用cookie是必要的。也许我只是不知道该如何表达我的关键字？任何帮助将不胜感激！

我找到了以下代码，并且我不会因为编写此代码而功劳：

document.addEventListener('DOMContentLoaded', function() {
  var sep = '\uE000'; // an unusual char: unicode 'Private Use, First'

  window.addEventListener('pagehide', function(e) {
    window.name += sep + window.pageXOffset + sep + window.pageYOffset;
  });

  if (window.name && window.name.indexOf(sep) > -1) {
    var parts = window.name.split(sep);
    if (parts.length >= 3) {
      window.name = parts[0];
      window.scrollTo(parseFloat(parts[parts.length - 2]), parseFloat(parts[parts.length - 1]));
    }
  }
});

它记住页面之间的垂直页面位置。但是，我想针对特定的div或元素来记住水平滚动。