[Next.js] <Link> 컴포넌트 클릭 시, 최상단으로 스크롤 되는 현상 막는 방법

<Link> 컴포넌트 클릭 시, 최상단으로 스크롤 되는 현상 막는 방법

들어가며

• Next.js의 @<Link>@ 컴포넌트를 클릭하면, 기본적으로 화면의 최상단으로 스크롤이 된다.
• 이러한 현상을 막는 방법을 정리해본다.

 

방법

• 간단하다. 다음과 같이 @<Link>@ 컴포넌트의 @scroll@ 속성의 값을 @false@로 지정해주면 된다.

import Link from 'next/link';

<Link href='/myRoute' scroll={false}>
  Move
</Link>

 

참고 사이트

Components: <Link> | Next.js