[JS] 스크롤 맨 아래로 내리기

• 화면 맨 아래로 스크롤 내리기

setTimeout(function() {
    $(".content").scrollTop($(document).heigh());
}, 500);

화면을 구성하고 있는 요소 중 최상위 요소를 기준으로 한다.

$(document).height()로 화면 길이를 구한 후, scrollTop함수를 사용하여 맨 아래로 스크롤을 내린다.

 

 

 

---

 

 

 

• 스크롤 맨 위로 올리기

$(".content").scrollTop(0); // 스크롤 맨 위로 올리기

 

0인 경우에는 반대로 스크롤이 맨 위로 올라간다.

 

 

 

---

 

 

 

• 요소를 사용하여 스크롤 맨 아래로 내리기

$("#descText").focus();

또는 화면 맨 아래에  input 요소가 있다면, 해당 요소로 focus를 맞추면 자연스레 스크롤이 맨 아래로 내려간다.