페이지 탐색 중에 스크롤을 유지하는 것은 항상 바람직하지 않은 기능입니다.

Question

나는 breeze를 사용하는 표준 laravel+inertia+vue3 설정을 가지고 있으며 Inertia 문서에 따르면 페이지 간 탐색은 브라우저 기본 동작을 모방하여 페이지가 로드될 때 스크롤을 맨 위로 재설정해야 합니다. 하지만 내 경우에는 그것이 작동하는 방식이 아닙니다.

내 링크에는 preserveScroll: true가 없지만 어쨌든 이런 일이 발생합니다.

컴포넌트가 로드될 때 vuejs onMounted() 후크를 사용하여 상단으로 스크롤하려고 시도했지만 페이지가 이전 페이지 상단에서 마지막 스크롤 위치로 즉시 스크롤됩니다. 그래서 깜박이는 효과가 보기 좋지 않았기 때문에 이 후크를 비활성화했습니다.

이 문제를 해결하는 방법을 아시나요? 미리 감사드립니다.

Answer 1

스크롤 영역을 정의해야 할 것 같습니다: https://inertiajs.com/scroll-management#scroll-regions

귀하의 앱은 문서 본문 스크롤을 사용하지 않는 것 같습니다.

Answer 2

내 CSS 파일에는 overscroll-behavior: contains; 应用于 body 태그 속성이 있습니다. 제거한 이후로 이제 모든 것이 잘 작동합니다.