본문의 스크롤 막대를 텍스트 영역에 사용하는 방법

Question

사용자가 텍스트 영역의 텍스트보다 많은 텍스트를 입력하면 텍스트 영역에 스크롤 막대가 생깁니다.

텍사 레아 확장을 사용하여 본문의 스크롤바를 사용하는 방법이 있습니까?

CSS로 가능합니까? jquery?

Answer 1

jQuery 또는 일반 JavaScript에서 가능합니다.

http://jsfiddle.net/UDTQ5/2/

function resize(){ 
    var ta = $('#ta').get(0); 
    ta.style.height = (ta.scrollHeight) + 'px'; 
} 

또는 :

function resize(){ 
    var ta = document.getElementById('ta'); 
    ta.style.height = (ta.scrollHeight) + 'px'; 
} 

Answer 2

textarea AutoGrow plugin (Demo/Download)을 사용할 수 있습니다.

Answer 3

뭔가 내가 패딩 소품 추가 할 때이 어쩌면

http://jsfiddle.net/adeneo/cXQVu/

$("textarea").on('keyup', function() { 
    var rows=$("textarea").val().split('\n').length; 
    $(this).css('height', rows*20+'px'); 
});