textarea溢出：隱藏不顯示Firefox中新增加的行

Question

我正在使用textarea風格的overflow:hidden刪除滾動，用戶可以在此文本區域插入文本行。

問題出在firefox，當文本超過textarea的高度時，新行不會出現在textarea上，我不得不點擊向下箭頭鍵來查看它們， 雖然它在其他工作上很好瀏覽器。

我的意思是，在firefox上寫一個樣式爲overflow:hidden的TEXT區域上的多行文字將只顯示第一行，直到它到達文本區域的末尾，剩下的部分被隱藏，您需要移動curson才能到達它們。

我希望光標是對我寫，並就

我不希望在所有

這裏使用JavaScript textarea的視圖中顯示該行的行是一個示例代碼：

HTML：

<textarea></textarea> 

CSS：

textarea{ 
    overflow:hidden; 
    height:50px; 
    width:200px; 
    resize: none; 
} 

這裏是jsfiddle

的例子是有HTML和CSS 只有任何可能的解決方案？

Answer 1

所以你不想滾動和問題僅出現在Firefox，那麼你可以做，

1. 添加字符限制的文本區域。鏈接：http://unwrongest.com/projects/limit/

2. 使用textarea的自動增長的插件自動展開textarea的高度，這裏檢查http://unwrongest.com/projects/elastic/

Answer 2

嗨你爲什麼不使用jQuery？它不像傳統的js :)

$('textarea').keyup(function(){ 
    $(this).scrollTop(9999) 
})