텍스트 영역 스크롤 막대에 문제가 있습니까?

Question

내 응용 프로그램에서 jQuery 모바일 1.4.2를 사용하고 있습니다. 텍스트 영역 스크롤 막대에 문제가 있습니다. 즉, 스크롤바가 표시됩니다. 스크롤 막대보기를 사용하려면 어떻게해야합니까? 다음 링크와 마찬가지로 스크롤 막대와 비슷한 텍스트 영역이 필요합니다.

http://www.askthecssguy.com/examples/scrollingbox/

그리고 내 코드는 다음과 같다,

HTML :

<div data-role="page" id="privacy_details"> 
    <div data-theme="a" data-role="header"> 
     <h3> 
      Privacy Policy 
     </h3> 
    </div> 

    <div data-role="content"> 
     <div data-role="fieldcontain"> 
      <textarea class="txtarea" style="resize: none;"> 
data 
data 
data 
data 
data 
data 
data 
data 
data 
data 
data 
data 
data 
data 
      </textarea> 

      <a href="#" data-rel="back" data-role="button" data-theme="c" target="_blank">OK</a> 
     </div> 
    </div> 
</div> 

CSS :

.txtarea { height:300px; max-height: 300px; } 

내 스크린 샷은 다음과 같다,

Answer 1

을 추가해야합니다.

• CSS

  textarea { 
      height: 150px; /* any value you want */ 
  } 
  

• HTML

  <textarea data-autogrow="false"> 
  
      <!-- text --> 
  
  </textarea> 
  

Demo

Answer 2

안녕하세요. 인라인 스타일을 덮어 쓰겠습니다. 텍스트 영역에 클래스 나 ID를 추가하고 CSS 파일에서 스타일을 지정해야합니다.

.txtarea { 

max-height:100px !important; 
height:100px !important; 
overflow:scroll !important; 

} 

는 당신은 overflow:scroll !important 속성이 자동으로 증가되는 것을 방지하기 위해 다음 고정 textarea에 대한 height 및 추가 data-autogrow="false"을 설정