Reshare textarea auto resize height no lỗi

**mad** · 17.09.2017 / 18:58

Jquery

JAVASCRIPT

$('textarea').unbind("input").on("input", function(){
$(this).removeAttr("style");
TextHeight=$(this).prop("scrollHeight");
if(TextHeight>40){
$(this).attr("style","height: "+(TextHeight)+"px;");
}
})

CSS phù hợp

CSS

background: transparent;
border: 0px;
padding: 0px;
line-height: 20px;
width: 100%;
resize: none;
outline: 0px;
    font-family: inherit;
    min-height: 40px;

Css cho textarea thì dùng thẻ div wrap cái textarea là được

**manhhung** · 17.09.2017 / 19:01

Cái cái css gì khi bấm vào thì textarea nó dài xuống 1 khoảng nhỉ

**mad** · 17.09.2017 / 19:04

textarea{

height: 40px;

transition: 1s height;

}

textarea:focus{

height: 80px;

}

**manhhung** · 17.09.2017 / 19:25

Dùng cái này js auto dc k

**mad** · 17.09.2017 / 19:26

thêm vào chỗ gọi lại các biến vừa load xong ý

**mad** · 17.09.2017 / 19:26

nếu sử dụng của tôi thì tìm và thêm vào bên trong cái fun đó

OnStart: function(){

**MrKen** · 17.09.2017 / 19:33

cái này vẫn chưa tối ưu lắm

**VinaDP** · 17.09.2017 / 19:40

MrKen đã viết ↑

cái này vẫn chưa tối ưu lắm

Re: Cái này vẫn chưa tối ưu lắm

Ukm

**jojolonelycat** · 17.09.2017 / 21:10

MrKen đã viết ↑

cái này vẫn chưa tối ưu lắm

Tối ưu đi thím r share m.n

**mad** · 18.09.2017 / 07:05

Sao gọi là tối ưu?