[React] Top Button 만들기 (클릭시 최상단으로 이동)

클릭시 화면의 최상단으로 이동하는 코드이다.

behavior = auto , smooth
behavior는 두가지로 나뉘는데 auto = 위치로 바로 데려다 주고 smooth는 부드럽게 끌어올린다.

 

export default function TopBtn() {

  const handleClick = () => {

    window.scrollTo({

      top: 0,

      behavior: 'smooth',

    });

  };

  return (

    <button type='button' onClick={handleClick} className='topBtn'></button>

  );

}

 

https://velog.io/@jahommer/React-Top%EB%B2%84%ED%8A%BC-scroll-to-top%EB%A7%8C%EB%93%A4%EA%B8%B0

React - Top버튼 (scroll to top)만들기