Question

<body>
<script type="text/javascript">$(function(){
$("textarea").live("keyup keydown",function(){var h=$(this);
h.height(h[0].scrollHeight);
});});

</script>
<textarea style="resize:none;width:760px;height:60px; overflow:hidden;" ></textarea>
</body>

当文本区域溢出时, 它会得到滚动条和滚动列, 滚动条和滚动线可以应用到它的高度上, 但不工作于降低文本区域高度, 因为它在降低其值长度时不会得到滚动条

Answer 1

文本区域最小的滚动58总是高度。要获得准确的滚动58, 请先将高度设定为 1 。

h.height(1).height(h[0].scrollHeight);

http://jsfidle.net/aarongloge/t2vAr/" rel="nreferrer">http://jsfidle.net/aarongloge/t2vAr/

Answer 2

上述代码的纯 JavaScript 版本

textarea.style.height =  0 ;
textarea.style.height = textarea.scrollHeight +  px ;

Answer 3

If you do not want to code it by yourself, you can also use this script: https://github.com/brandonaaron/jquery-expandable It already contains a nice slide-effect ;-)

友情链接