Javascript 展开时保持滚动位置<；李>；项目

我有一个自助菜单，我正在做。有一些

，可以扩展和折叠以显示或隐藏其他菜单/链接

当前，当我打开

时，页面的滚动位置被重置回顶部。 我希望页面在打开

时保持其滚动位置

这是一个片段：

 <div id="wrapper">

<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">

  <!-- Sidebar - Brand -->
  <a class="sidebar-brand d-flex align-items-center justify-content-center" href="/">
    <div class="sidebar-brand-icon rotate-n-15">
      <i class="fas fa-briefcase"></i>
    </div>
    <div class="sidebar-brand-text mx-3">Business Centre</div>
  </a>

        <!-- Nav Item - Setting Collapse Menu -->
  <li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseAccount" aria-expanded="true" aria-controls="collapseAccount">
      <i class="far fa-user-circle"></i>
      <span>Account</span>
    </a>
    <div id="collapseAccount" class="collapse" aria-labelledby="headingAccount" data-parent="#accordionSidebar">
      <div class="bg-white py-2 collapse-inner rounded">
        <a class="collapse-item" href="login.html">Membership</a>
        <a class="collapse-item" href="login.html">Information</a>
        <a class="collapse-item" href="login.html">Contact Us</a>
      </div>
    </div>
  </li>
    </ul>
     </div>

有人能帮我写代码或者给我指出正确的方向吗？

这是因为您在

href

中使用了

替换它

href=“JavaScript:Void（0）；”

像

---

你能做一个jsfiddle或codepen吗！这会有帮助的
<a class="nav-link collapsed" href="JavaScript:Void(0);" ...