자바스크립트 - 스크롤을 div의 맨 아래로 이동시키기

자바스크립트를 이용해서 스크롤을 DIV의 맨 아래로 이동하게 처리할 수 있다.

 

<style type="text/css">
#space {

   width:300px;

   height:100px;

   overflow:scroll;

}

</style>

 

자바스크립트를 이용한 경우

<script type="text/javascript">
    window.onload=function(){
    let mySpace = document.getElementById("space"); 
    mySpace.scrollTop = mySpace.scrollHeight;
};
</script>

 

jquery를 이용한 경우

<script type="text/javascript">
    $(function(){
       $('#space').scrollTop($('#space')[0].scrollHeight)
    });
};
</script>

 

<div id="space">

</div>