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

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

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

편리

PHP와 MariaDB, jQuery 등을 사용해 게시판, 쇼핑몰 솔루션을 개발합니다. 그누보드5와 영카트5 개발에 참여 했습니다. Linux와 Nginx는 물론 WordPress, Git 등에도 관심이 많습니다. 자전거 타기 및 사진 촬영을 취미로 하고 있습니다.

Leave a Reply

Your email address will not be published. Required fields are marked *