[JS] 자바스크립트를 이용하여 특정 엘리먼트로 스크롤 이동하기

작업을 진행하다 보니 문서내에서 특정 id를 가진 엘리먼트로 스크롤 이동을 해야할 일이 생겼다. jQuery를 이용해볼까 싶은 생각이 잠시 들었지만 그것보다는 순수 자바스크립트로 구현하는 게 좋을 것 같아 찾아보니 다행스럽게도 scrollIntoView 라는 메소드를 제공해주고 있다.

<script>
document.getElementById("special_id").scrollIntoView();
</script>

위의 코드처럼 스크립트를 작성하게 되면 id가 special_id인 엘리먼트가 화면에 보이가 스크롤 된다. 그외에 a 태그의 name 속성을 이용한 페이지 내 이동도 고려를 했지만 주소가 지저분해지는 듯 하여 전자의 방법을 사용했다.