preserve scroll not seeming to work?

i have added: @persist('scrollbar'), given it overflow-y-scroll

@persist('scrollbar')
    <div class="slider-wrap overflow-y-scroll">
        {{ $posts->links('components.custom.slider-pagination', ['scrollTo' => false]) }}
        <h1>{{ __('Posts favourited') }}</h1>
        <div class="slider">
            .../
        </div>
    </div>
    @endpersist

posts link componnet

<a
    href="{{ $paginator->previousPageUrl() }}"
    wire:navigate
    wire:scroll
    class="slider-nav-btn left">
    <i class="fa-solid fa-chevron-left"></i>
</a>
<a
    href="{{ $paginator->nextPageUrl() }}"
    wire:navigate
    wire:scroll
    class="slider-nav-btn right">
    <i class="fa-solid fa-chevron-right"></i>
</a>

when i click on a tags. i get the next list of items but page scrolls to the top..