javascript - 高さをパーセントに設定してdivのスクロールを設定する方法

Question

スクロールトップにしたい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%'; 
}

これを行うにはどうすればよいですか、ピクセルをパーセントに変換するにはどうすればよいですか?? 助けてください

Answer 1

を使用して親要素の高さを取得しようとします

var element_Height = $(element).parent().css('height');

を使用してスクロールの高さを計算します

height = (2 / 100) * element_Height;

これにより、スクロールする高さが得られます。

Answer 2

あなたが望むことをする私の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%
}​

このコードは動作するはずです