div에 최대 높이가

Question

bootstrap-wysiwyg 편집기를 사용하고 있습니다. 최대 높이를 갖고 싶습니다. 나는 내가 누를 때마다 텍스트 시작을 눌러서 아래로 또는 스크롤 할 수 없게하고 싶지 않습니다. 고정 된 300px 높이가 필요합니다. 그들의 문서에 따르면 나는 이것을해야한다.

#editor {overflow:scroll; max-height:300px} 

하지만 스크롤바가 추가됩니다. 오버플로가 스크롤되도록 설정 되었기 때문입니다. 제거한 경우 작동하지 않습니다.

여기 내 데모가 : http://jsfiddle.net/DiegoTc/W8UQs/1/

스크롤을 addinng의 옵션을 중지하는 방법을 어떤 생각, 사용자가 정적해야 최대 높이를 육교 경우, 스크롤 막대가 표시되지 않아야합니다.

Answer 1

당신은 당신이 최대 높이를 통과 할 경우에만

당신은 스크롤을 피하고 싶은 경우

#editor { max-height:300px; height:300px; overflow-y: hidden;} 

을 사용할 수있는 스크롤 막대를 표시합니다

#editor {overflow-y:auto; max-height:300px} 

을 찾고 화살표 키는 스크롤해야하며 최종 사용자에게는 다소 혼란 스러울 수 있지만 사용자의 전화입니다.

편집 : 당신이 당신의 DIV 크기 이하의 텍스트를 숨기고 첫 번째 줄을 보여주는 DIV을 적용하려면

, 나는 그것이 순수 CSS로 수행 할 수 있습니다 모르겠어요,하지만 당신은 사용할 수 있습니다 그것을 달성하기 위해 jQuery의 scrollTop 메서드

$('#editor').on('keyup',function() { 
    $('#editor').scrollTop(0); 
}); 

매우 우아하지만 작동합니다.