개발자의 끄적끄적

[javascript/jquery] javascript scrollTop example / 자바스크립트 div 스크롤 강제이동 방법 본문

개발/javascript & jquery

[javascript/jquery] javascript scrollTop example / 자바스크립트 div 스크롤 강제이동 방법

효벨 2021. 9. 8. 01:00
728x90
반응형

[javascript/jquery] javascript scrollTop example / 자바스크립트 div 스크롤 강제이동 방법

 

 

javascript 에서

 

특정 div 안에

 

생성된 스크롤바를 

 

강제로 최 하단으로 이동시키고 싶은 경우가 있습니다.

 

그럴때는 아래와 같이 scrollTop 를 이용하시면 됩니다.

 

 

예를들어서

 

아래와 같이 scroll 이라는 클래스를 가지는 div 가 있다고 가정하고,

<div class="scroll">

</div>

 

scrollTop 를 이용하여

 

스크롤 영역의 높이를 입력해주면

 

맨 아래로 내려갑니다!

const $scroll_div = $('.scroll');
$scroll_div.scrollTop($scroll_div[0].scrollHeight);

 

참고들 하세요!

반응형
Comments