Navigation between pages is always preserving scroll (Not desired)

user_2432315 0
Viewed 106

I have a standard laravel + inertia + vue3 setup using breeze, and as Inertia docs says, navigation between pages should mimic browser default behavior reseting scroll to top when page loads. But it is not working this way in my case.

I don't have preserveScroll: true in my links but this happens anyway.

I have tried with a vuejs onMounted() hook to scroll to top when component loads, but immediately the page scrolls from top to last scroll position from previous page. So I've deactivated this hook because its ugly flashing effect.

Any idea on how to solve this? Thanks in advance.

vuejs3 inertiajs laravel vue.js
3 Answers
user_38523820

My css file had a property overscroll-behavior: contain; applied to body tag. Since I removed it, everything is working fine now.

user_24323150

temporary solution

in Layout.vue

    mounted(){
       Inertia.on('success', () =>
           window.scrollTo({ top: 0, left: 0, behavior: 'instant' })
       )
    }
user_192669870
Related