<textarea>如何完全停止溢出？

Question

＆lt; p＆gt;对于＆lt; code＆gt;＆lt; textarea＆gt;＆lt; / code＆gt;，在CSS中，我设置＆lt; code＆gt; overflow：hidden＆lt; / code＆gt;。＆lt; / p＆gt; ＆lt; p＆gt;但它仍然向上滚动文本，即使它是隐藏的并且没有滚动条。 ＆LT; / p为H. ＆lt; p＆gt;我希望用户一旦到达＆lt; code＆gt;＆lt; textarea＆gt;＆lt; / code＆gt;的底部就无法添加更多内容。＆lt; / p＆gt; ＆lt; p＆gt;我该怎么做？＆lt; / p＆gt;

Answer 1

您可以尝试添加：

示例： - http://jsfiddle.net/8fv6e/3/

        #textarea { height: 100px; 
            max-height: 100px; }

Answer 2

这里是尝试添加overflow: hidden; height: 100px;，它会让世界停止滚动。您可以在此处查看此链接https://codepen.io/ravitaneja/pen/RQYrGV

Answer 3

我认为这样做很难，但你可以控制它

有几种方法：

1. 使用cols和rows来调整＆＃34; textarea＆＃34;

    <textarea  cols="73" rows="12">.....</textarea>
   

2. 通过使用

   设置样式来确定其大小

       textarea {resize: none;}  
   

3. 给出max-height＆amp; min-height相同的值

并且在之前的所有情况下都使用

 overflow:hidden;