JavaScript - 스크롤 맨 위로, 맨 아래로

 

스크롤 맨 위로 하는 방법

// 스크롤 맨 위로
const scrollToTop = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "start" });

 

element.scrollIntoView에서 block을 start로 해주면 스크롤 맨 위로 이동합니다.

 

스크롤 맨 아래로 하는 방법

// 스크롤 맨 아래로 
const scrollToBottom = (element) =>
  element.scrollIntoView({ behavior: "smooth", block: "end" });

 

element.scrollIntoView에서 block을 end로 해주면 스크롤 맨 아래로 이동합니다.

 

behavior: "smooth"는 이동을 부드럽게 해주는 설정값입니다.