文本区域滚动条问题？

Question

我在我的应用程序中使用jQuery mobile 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

为height设置固定textarea，然后添加data-autogrow="false"以防止其自动增长。

• CSS

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

• HTML

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

  

<强> Demo

Answer 2

嘿，你的内联样式将被覆盖。你需要在你的textarea中添加一个类或id，并在你的css文件中设置它。

.txtarea { 

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

}

，您需要添加overflow:scroll !important属性