textarea的最大高度为300px（Javascript）

Question

我不能将高度限制为300px的textarea高度变化。

jsfiddle

function init () {
var text = document.getElementById('text');
function resize () {
text.style.height = 'auto';
text.style.height = text.scrollHeight+'px';
}

提前致谢。

Answer 1

这只是在调整大小之前检查高度的问题。如果你想消除滚动条闪烁，可以考虑将overlflow-y设置为隐藏直到300：

function resize () {

    var height = text.scrollHeight <= 300 ? text.scrollHeight : 300;
    text.style.height = height+'px';

}

小提琴 - http://jsfiddle.net/vtr8kvkx/2/