next js scroll

import Router from 'next/router';

const goToRecruit = () => {
Router.push('/with/recruit').then(() => window.scrollTo(0, 0));
};

<Button name='탑승하기' onClick={goToRecruit}></Button>

nextjs의 경우 한번 방문한 사이트는 csr로 처리가 된다. 그에 따라서 방문했던 페이지일 때 스크롤이 내려가 있다면 그 상태로 페이지가 변경이 된다.

이를 해결하기 위해 window.scrillTo 메소드를 사용해서 다른 페이지로 넘어갈 때 스크롤 위치를 지정해 줄 수 있다.