[英]how to set scroll on the div by setting height to percent
我有一個div我想讓它滾動頂部。 當我將其高度設置為像素時,我正在獲取滾動但是當我將其設置為百分比時,我沒有得到滾動
<div id="lblAlert" runat="server" class="warning-message" style="overflow:auto" >
// working code
scrollfun()
{
lblAlert.style.height = 65;
}
// not working code
scrollfun()
{
lblAlert.style.height = '2%';
}
我將如何做到這一點,如何將像素轉換為百分比? 請幫忙
嘗試使用父元素的高度
var element_Height = $(element).parent().css('height');
並使用它計算滾動高度
height = (2 / 100) * element_Height;
這將為您提供滾動的高度。
繼承人我的jsFiddle做你想做的事http://jsfiddle.net/F8Qpx/
changeHeight = function (){
var obj = document.getElementById('lblAlert');
var parent = obj.parentNode;
obj.style.height = (parent.offsetHeight/100)*2 + "px";//Make 2%
}
這段代碼應該有效
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.