테스트 사이트 - 개발 중인 베타 버전입니다

next.js 사용해서 뒤로 가기 스크롤 유지 할려고 합니다. 채택완료

sukja 2년 전 조회 2,841

안녕하세요

뒤로가기 클릭시 

이전페이지 리스트 현재 보고 있는 스크롤 유지 할려고 합니다.

 

찾다 보니

next.js

 

window.history.scrollRestoration = "auto"

이전페이지로 가면 최 상단으로 이동

window.history.scrollRestoration = "manual"

이전페이지로 가면 보고 있는 페이지 유지

 

사용방법관련 

조언 부탁드립니다.

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
2년 전

잘 되는지 모르겠지만 이론상으로는.

addEventListener를 통해 스크롤을 타입으로 지정하고 sessionStorage를 setItem 으로 스크롤 포지션을 기억 한 후 돌아왔을때 

기억한 스크롤이 있다면 스크롤로 돌아가게 하면 되지 않을까요?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이것저것 찾아봤는데 nextjs에서 아직 솔루션이 안나온것 같습니다.

 

야채킴님 말씀처럼 세션스토리지에 저장하는 방법이 있긴하겠는데 임시방편인것 같다네요..

.. 나중에 이슈가 픽스됐을때 버전업데이트를 기다리는게 좋을것 같아요.. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인