Динамическое изменение размера textarea вверх

Я пытаюсь создать textarea, который автоматически переделывает вверх. У меня есть немного кода, который отлично работает при изменении размера, нажав вниз, но мне это нужно, поэтому весь контент в текстовой области перемещается вверх, чтобы открыть новую строку, а база текстовой области зафиксирована в ее положении , (Дайте мне знать, если я не объяснить, что очень хорошо!) Код у меня до сих пор:Динамическое изменение размера textarea вверх

document.getElementById('texttype').addEventListener('keyup', function() { 
    this.style.height = 0; 
    this.style.height = this.scrollHeight + 'px'; 
}, false);

источник

2014-01-04 Jack Clarke

Что вы имеете в виду размер вверх? –

Что вы хотите, чтобы этот пример? Он работает, вероятно, правильно: http://jsfiddle.net/cdDWz/ – mrzmyr

Например, если вы дойдете до нижней части текстовой области для обновления статуса, она добавит больше места ниже того, что уже написано, расширяя область вниз. В этом случае верхняя часть области текста находится в фиксированном положении. Я хочу сделать что-то подобное, но зафиксировать нижнюю часть текстовой области и дать больше места, нажав текст, который был написан, чтобы открыть новую пустую строку. –

Это ответили Tewathia в комментариях, но я думал, что я должен добавить ответ, чтобы я мог проверить это от. Fiddle: http://jsfiddle.net/afQmf/

HTML:

<div><textarea name="" id="texttype"></textarea></div>

CSS:

div { 
    position:relative; 
    height:200px; 
} 

    #texttype { 
    width:200px; 
    position: absolute; 
    bottom:0; 
}

Javascript:

document.getElementById('texttype').addEventListener('keyup', function() { 
    this.style.height = 0; 
    this.style.height = this.scrollHeight + 'px'; 
    }, false);

источник

2014-01-12 19:37:22

автоматически повторно размеры вверх и вниз HTML:

<textarea onkeyup="autoGrow(this)"></textarea>

Javascript:

function autoGrow (oField) { 
    if (oField.scrollHeight > oField.clientHeight) { 
     oField.style.height = oField.scrollHeight "px"; 
    }else{ 
     oField.style.height = 0+"px"; 
     oField.style.height = oField.scrollHeight "px"; 
    } 
}

источник

2014-12-04 13:11:50 zipfelQ

Динамическое изменение размера textarea вверх

ответ

Смежные вопросы