2013年12月10日 星期二

textarea 文字區域自動調整高度

如何创建一个高度自适应的textarea

非主流的textarea自增长实现js代码
看似有希望,但是程式碼無法執行。

Expanding Text Areas Made Elegant
這篇實測後有問題,沒有達成效果。而且程式碼還很長。

文本域根据内容自动计算高度
=> 按下 enter 後會自動新增一行,但是如果沒有按下 enter,高度不會調整。

文本域自适应高度
=> 打字的時候會自動調整高度。但是儲存後 重新整理,會回到原本預設的高度,不會隨著文字的多寡而調整。

文字區塊(textarea)的自動增大術(auto-grow) (卜維丰)
=> 右邊會出現多餘不必要的捲軸。自己新增一個 css 屬性 overflow:hidden;,終於解決了。

沒有留言:

張貼留言