javascript - vue는 연결 유지를 사용하여 스크롤 위치를 유지할 수 없습니다.

Question

Top View<router-view>设置<keep-alive>데이터를 캐싱하고 scrollTop을 사용할 수 있지만 풀업을 사용하여 더 많은 데이터를 로드하고 항목 페이지를 클릭하여 돌아간 후에는 이전 페이지의 scrollTop 위치를 정확하게 기록할 수 없으며 편차가 상대적으로 커지게 됩니다. 가끔.맨 위로 돌아가기 같은 문제가 발생한 적이 있습니까?

으아악

Answer 1

저도 같은 문제에 직면했습니다. 캐시를 사용하여 각 페이지의 스크롤 막대 위치를 저장한 다음 페이지로 돌아갈 때 꺼내서 위치를 설정할 계획입니다. 그런데 이 방법이 너무 촌스럽다는 생각이 듭니다. 아직 더 나은 방법을 찾지 못해서 좀 더 연구해 보도록 하겠습니다.

방금 확인한 vue-router에는 이를 수행할 수 있는 scrollBehavior 기능이 있습니다.

scrollBehavior: 함수(대상, 원본, 저장된 위치) {

으아아아

} 내일 살펴볼 준비가 되었습니다