试图使文本区域自动向上增长而不是向下(我有一个页脚的文本区域

Question

你可以向上而不是向下生长文本区域吗?我在页脚中有一个文本区域。我使用的是textarea-expander.js我不知道该怎么做，起初我打算做一个margin-top和每次按回车键时减去一个增量，但意识到这不会正常工作。

<script type="text/javascript" src="http://blogs.sitepointstatic.com/examples/tech/textarea-expander/jquery.textarea-expander.js"></script>   
<style>
#postbox {
width: 400px; 
height: 150px; 
border:1px solid #ccc;  
position: fixed; 
margin-left: 40%; 
bottom:0;
border-bottom: none;
}
</style>
<div id='postbox'>
<textarea id='box_area' class="expand" rows="1" cols="10"></textarea>
</div>

Answer 1

直接删除页脚div的固定高度，或者至少只放一个min-height。

Answer 2

试一下

CSS:

textarea{
position:absolute; 
bottom:0;
}

或

HTML:

<textarea cols="10" rows="1" class="expand" id="box_area" style="height: 90px; position: absolute; bottom: 0px; overflow: hidden; padding-top: 0px; padding-bottom: 0px;"></textarea>