나는 breeze를 사용하는 표준 laravel+inertia+vue3 설정을 가지고 있으며 Inertia 문서에 따르면 페이지 간 탐색은 브라우저 기본 동작을 모방하여 페이지가 로드될 때 스크롤을 맨 위로 재설정해야 합니다. 하지만 내 경우에는 그것이 작동하는 방식이 아닙니다.
내 링크에는 preserveScroll: true
가 없지만 어쨌든 이런 일이 발생합니다.
컴포넌트가 로드될 때 vuejs onMounted()
후크를 사용하여 상단으로 스크롤하려고 시도했지만 페이지가 이전 페이지 상단에서 마지막 스크롤 위치로 즉시 스크롤됩니다.
그래서 깜박이는 효과가 보기 좋지 않았기 때문에 이 후크를 비활성화했습니다.
이 문제를 해결하는 방법을 아시나요? 미리 감사드립니다.
스크롤 영역을 정의해야 할 것 같습니다: https://inertiajs.com/scroll-management#scroll-regions
귀하의 앱은 문서 본문 스크롤을 사용하지 않는 것 같습니다.
내 CSS 파일에는
overscroll-behavior: contains;
应用于body
태그 속성이 있습니다. 제거한 이후로 이제 모든 것이 잘 작동합니다.