개발자의 끄적끄적

[javascript/jquery] 자바스크립트 특정 태그 위치로 스크롤 이동 시키는 방법 본문

개발/javascript & jquery

[javascript/jquery] 자바스크립트 특정 태그 위치로 스크롤 이동 시키는 방법

효벨 2023. 9. 15. 01:00
728x90
반응형

[javascript/jquery] 자바스크립트 특정 태그 위치로 스크롤 이동 시키는 방법

 

 

javascript 에서

 

페이지 접근시 혹은 특정액션시에

 

페이지의 특정 태그위치로 스크롤을 이동시켜야 하는 경우가 있습니다!

 

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

 

const element = document.getElementById("test_div");
element.scrollIntoView();

 

위 내용 보시면 아시겠지만,

 

test_div 라는 id 를 가지는 태그요소를 element 라는 변수에 담고

 

그 element 의 위치로 scrollIntoView 를 사용하여

 

스크롤을 이동시키는 내용입니다!

 

참고들 하세요!

반응형
Comments