方案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...