Programing

텍스트 영역 스크롤 막대를 기본값으로 아래쪽으로 설정하려면 어떻게합니까?

crosscheck 2020. 10. 9. 08:49
반응형

텍스트 영역 스크롤 막대를 기본값으로 아래쪽으로 설정하려면 어떻게합니까?


사용자 입력이 전송 될 때 동적으로 다시로드되는 텍스트 영역이 있습니다. 몇 초마다 새로 고쳐집니다. 이 텍스트 영역의 텍스트 양이 텍스트 영역의 크기를 초과하면 스크롤 막대가 나타납니다. 그러나 스크롤바는 실제로 사용할 수 없습니다. 아래로 스크롤하기 시작하면 몇 초 후 텍스트 영역이 새로 고쳐지고 스크롤바가 맨 위로 다시 올라옵니다. 스크롤 막대를 기본적으로 가장 아래에 텍스트를 표시하도록 설정하고 싶습니다. 누구든지 그렇게하는 방법에 대한 아이디어가 있습니까?


바닐라 자바 ​​스크립트로 아주 간단합니다.

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

이것을 jQuery와 함께 사용할 수 있습니다.

$(document).ready(function(){
    var $textarea = $('#textarea_id');
    $textarea.scrollTop($textarea[0].scrollHeight);
});

참고 URL : https://stackoverflow.com/questions/9170670/how-do-i-set-textarea-scroll-bar-to-bottom-as-a-default

반응형