我有侧面导航，当我向下滚动以选择某个页面时，导航栏跳到页面顶部

Question

我一直在stackoverflow上寻找解决方案，但找不到解决问题的任何正确方法。

我的问题： 我的左侧导航栏向下滚动并选择某些页面时，导航栏跳到导航栏的顶部。我希望当我单击时导航栏保持相同的位置。请建议。

这是代码：

  const LayoutWithSidebar = ({ toggleSideBar, setToggleSidebar, btn }) => {
  const { t } = useTranslation();
  const handleEnterMouse = () => {
    setToggleSidebar(true);
  };
  return (
    <aside
      className={`left-sidebar-style ${
        toggleSideBar ? 'open-left-sidebar' : 'left-sidebar'
      }`}
      onMouseEnter={handleEnterMouse}
      data-sidebarbg="skin5">
      <div className="scroll-sidebar">
        <UserProfile btn={btn} toggleSideBar={toggleSideBar} translation={t} />
        <SidebarLinks btn={btn} toggleSideBar={toggleSideBar} translation={t} />
      </div>
      {(toggleSideBar || btn) && <SidebarFooter />}
      <style jsx toggleSideBar={toggleSideBar}>
        {Styles}
      </style>
    </aside>
  );
};

export default LayoutWithSidebar;

sidebarlinks.js文件

const SidebarLinks = (props) => {
  return (
    <nav className="sidebar-nav fixed">
      <ul id="sidebarnav" className="in">
        {navItems.map((navItem) => (
          <SidebarItem key={navItem.transKey} {...navItem} {...props} />
        ))}
      </ul>
    </nav>
  );
};

export default SidebarLinks;

谢谢。