[javascript/jquery] javascript scrollIntoView example / 자바스크립트 스크롤을 특정 영역으로 이동 시키는 방법

[javascript/jquery] javascript scrollIntoView example / 자바스크립트 스크롤을 특정 영역으로 이동 시키는 방법

 

 

javascript 에서

 

현재 페이지의 특정 영역으로 스크롤을 이동시켜야 한는 경우

 

여러가지 방법이 있을 수 있는데요,

 

그중에서 대부분 브라우저나 엘리먼트들에서 동작하는 방식을

 

공유하려고 합니다.

 

바로 아래와 같이 scrollIntoView 를 이용하는 방법입니다.

 

 

아래는 기본 사용법입니다.

document.getElementById('ID').scrollIntoView();

 

예를들어 아래와 같이 

 

test_div 라는 아이디를 가지는 div 태그가 있다고 가정하고,

<div id="test_div"></div>

 

현재 페이지의 스크롤을 위 태그로 이동 시키고 싶으면

 

아래와 같이 scrollIntoView 를 사용하시면 됩니다!

document.getElementById('test_div').scrollIntoView();

 

참고들 하세요!