div에있는 긴 텍스트의 읽기 전용 텍스트 입력 스크롤 효과

Question

readonly = "readonly"로 텍스트 입력에서 스크롤이 작동하는 방식을 모방하는 방법이 있습니까? 작동 방식은 텍스트가 상자보다 길면 강조 표시하고 스크롤하여 스크롤 막대없이 텍스트를 모두 볼 수 있습니다.

동일한 효과가 있지만 div의 단락이나 제목에서 사용하고 싶습니다. 어쨌든이 작업을 수행 할 여지가 있습니까, 아니면 그냥 텍스트 입력을 readonly = "readonly"로 사용하고 내 머리글처럼 보이게해야합니까?

감사합니다.

Answer 1

여분의 컨테이너와 아주 적은 자바 스크립트로 가능합니다.

스크롤바를 사용하지 않고 스크롤하려는 요소 주위에 컨테이너 div를 추가하십시오. 자바 스크립트를 사용하여 요소의 scrollHeight (스크롤바가없는 높이)을 계산하고 컨테이너의 height으로 설정합니다.

근무 예 : http://jsfiddle.net/keune/Cb4jw/1/

그러나 당신이 언급 한 바와 같이, 나는 제목이 자바 스크립트없이 청소기 솔루션 및 작업을 것처럼 보이도록 읽기 전용 입력 스타일링 생각합니다. 너의 선택.