textarea auto expand

Question

안녕하세요.이 자동 확장 텍스트 영역 jquery 코드가 있으며 현재 Google 크롬을 제외하고 어떻게 든 작동합니다.

문제는 내가 텍스트 상자에 3px 스타일을 추가했을 때 상자에 내용을 입력 할 때마다 높이가 확장된다는 것입니다. 스타일 패딩을 제거하면 멋지게 작동합니다.

테스트

은 여기에 있습니다 : 나는 누군가가 여기에 도움이 되거 수 있다면 감사하겠습니다, 이유를 알아 내기 위해 노력 해왔다

http://jsfiddle.net/JkxgB/ (테스트하는 데 사용할 구글 크롬). 고맙습니다.

Answer 1

내가 대신이 플러그인을 사용하는 것이 좋습니다 :

http://plugins.jquery.com/project/TextAreaResizer

에 StackOverflow가 텍스트 영역이 플러그인을 사용! 더 말할 필요가 있니?

희망이 도움이됩니다. 건배

PS : 또는, 당신은 당신이 4 년 전에 물어 난 그냥 그것을보고하는 autogrow plugin

Answer 2

너무 슬퍼을 사용할 수 있습니다.

scrollHeight 속성이 요소의 전체 높이를 픽셀 단위로 반환하기 때문에 문제가 발생합니다. 안쪽 여백은 포함되지만 테두리, 스크롤 막대 또는 여백은 포함되지 않습니다. (적어도 Chrome, IE 및 Firefox에서는이 세 가지를 테스트했습니다.)

심판 :

Element Scroll Height 그래서 나는 아래로 Jsfiddle에 line 17을 변경하고, 문제가 해결.

var h = Math.max(e.expandMin, Math.min(e.scrollHeight - 6, e.expandMax));