wire:navigate:scroll - Preserving Scroll Position in Livewire v4

Maintain scroll position in scrollable containers during navigation.

1 February 20261 min readLivewire اقرأ بالعربية

wire:scroll has been renamed to wire:navigate:scroll in v4.

Migration

blade

<!-- Before (v3) -->
@persist('sidebar')
<div class="overflow-y-scroll" wire:scroll>
    ...
</div>
@endpersist

<!-- After (v4) -->
@persist('sidebar')
<div class="overflow-y-scroll" wire:navigate:scroll>
    ...
</div>
@endpersist

Keep reading