element.scrollIntoView( )

어떤 요소를 클릭하면 특정 요소로 이동하고 싶을 때 유용하게 쓰임.

• 기능 사용 페이지 https://jihyun-jeon.github.io/introduce_myself/

🔶사용1 - 인자로 객체를 넣는 법

scrollIntoView({behavior:value, block:value, inline:value});

• behavior - 이동시 보여지는 애니메이션 동작을 정의.
  1) auto(기본값) : 바로 해당 요소로 이동
  2) smooth : 스크롤이 부드럽게 움직인다.

• block - 수직 스크롤 위치 기준에 대한 정렬
  1)start(기본값) 2center 3)end 4)nearest

• inline - 수평 스크롤 위치 기준에 대한 정렬
  1)start 2)center 3)end 4)nearest(기본값)

🔶사용2 - 인자로 true,false를 넣는 법

• scrollIntoView(true); - 기본값
  : { block: 'start', inline: 'nearest'} 를 넣은 것과 같다.

• scrollIntoView(false);
  : {block: 'end', inline: 'nearest'} 를 넣은 것과 같다.