textarea多行文本，超出高度时显示滚动条

1，两个div，外面的div高度固定，带滚动条；内部为可编辑的div，高度自适应（或内部采用高度自适应的textarea）

<div class="describe">
    <div id="describe" contentEditable='true'></div>
</div>

.describe{
    height: 100px;
    width: 500px;
    border: 1px solid #5a6268;
    padding: 0 8px;
    overflow: hidden;
}

外部div使用滚动条样式插件（使用该插件的div需要设置高度）

$(".describe").mCustomScrollbar();

点击外部div即获取文本域焦点开始编辑

    $(".describe").click(function () {
        $("#describe").focus();
    });

 

2，textarea实现自适应高度

方法1：可编辑的<div>标签仿<textarea>；

方法2：为textarea添加事件监听，字数超过多少时改变高度

参考：https://www.cnblogs.com/dffy/p/6386318.html

https://www.cnblogs.com/ygjoe/p/7527275.html