前端 jquery文字高度自適應 textarea

2021-09-13 09:55:32 字數 735 閱讀 9228

方案1:

$("#theid").height($("#theid")[0].scrollheight);

$("#theid").on("keyup keydown", function() )

這樣做可以高度自適應,但是重新回來,輸入的時候,高度不會恢復。

方案2:

//jquery實現textarea高度根據內容自適應

$.fn.extend(

setautoheight(this).on('input', function() );

});function setautoheight(elem) ).height(elem.scrollheight);}}

});

$('#theid').txtaautoheight()
這個也可以高度自適應,但是同樣回來要重新輸入的時候,高度不

會恢復。但是開始輸入後就恢復高度了。

只有在tab切換,或者hide,show的時候會出現這種情況,解決方案:初始給定乙個高度。

html中

min-height: 2rem
js中

$('#txtinput').css("height", 30);

$('#txtinput2').css("height", 30);

解決。

jquery 控制iframe高度自適應

jquery 控制iframe高度自適應 在做專案的過程中需要使用iframe,但是iframe預設有乙個高度,超過該預設高度的會內容會被隱藏起來,而小於該預設高度的內容呢又會把預設高度當成內容的高度,在經過尋找答案的過程中,找到了怎樣去控制iframe高度自適應 1,主視窗main.html 以上...

jquery 實現iframe 自適應高度

超級簡單的方法,也不用寫什麼判斷瀏覽器高度 寬度啥的。下面的兩種方法自選其一就行了。乙個是放在和iframe同頁面的,乙個是放在test.html頁面的。注意別放錯地方了哦。iframe 注意要寫id jquery 注意 下面的 是放在test.html呼叫 window.parent.docume...

jquery 實現iframe 自適應高度

超級簡單的方法,也不用寫什麼判斷瀏覽器高度 寬度啥的。下面的兩種方法自選其一就行了。乙個是放在和iframe同頁面的,乙個是放在test.html頁面的。注意別放錯地方了哦。iframe 注意要寫id jquery 注意 下面的 是放在test.html呼叫 window.parent.docume...