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%
}​

这段代码应该可以工作