How to maintain scroll position when navigating between pages in a Single Page Application (SPA) with a large number of resources?

[pslxx]

How to maintain scroll position when navigating between pages in a Single Page Application (SPA) with a large number of resources?

[pslxx]

how add @persist to navbar component

[pslxx]

i tried use hooks fixed it

        FilamentView::registerRenderHook(PanelsRenderHook::SIDEBAR_FOOTER,fn()=>view('filament.hooks.sidebar-footer'));

<script>
    (function(){
        let nav = document.getElementsByClassName('fi-sidebar-nav')[0];
        const scrollTop = localStorage.getItem('sidebarScrollTop');
        if (scrollTop) {
            requestAnimationFrame(()=>{
               nav.scrollTop = parseInt(scrollTop);
           })
        } else {
            nav.scrollTop = 0;
        }
        nav.addEventListener('scroll',()=>{
            localStorage.setItem('sidebarScrollTop', String(nav.scrollTop));
        })
    })()
</script>

[fagnerdireito]

This work for me!! Great!!