He estado buscando la solución aquí en stackoverflow, pero no pude encontrar ninguna forma correcta de resolver el problema.

Mi problema: tengo una barra de navegación lateral a la izquierda, cuando me desplazo hacia abajo y selecciono cierta página, la barra de navegación salta a la parte superior de la barra de navegación. Quiero que la barra de navegación permanezca en la misma posición cuando hice clic. Prfa aconsejen.

AQUÍ ESTÁ EL CÓDIGO:

 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;

Archivo 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;

Gracias.