您好,欢迎访问一九零五行业门户网

脚本控制自适应高度的缩短问题_javascript技巧

function vvheight() {
       var sideleft=document.getelementbyid(content-left).scrollheight;
       var sideright=document.getelementbyid(content-right).scrollheight;
       layoutheight=math.max(sideleft,sideright);
       document.getelementbyid(content-left).style.height=layoutheight+px;
       document.getelementbyid(content-right).style.height=layoutheight+px;
}
我想用脚本来控制自适应高度,我用上面的代码控制了左列和右列的自适应高度。
可是有的页面因为内容多被撑得挺长,有的页面内容少,用上面的代码不能缩短了!
我就是想在访问内容少的时候,内容还能再缩回来,代码应该怎么写呢?谢谢了!
复制代码 代码如下:
function vvheight() {
    var cl=document.getelementbyid(content-left);
    var cr=document.getelementbyid(content-right);
    while(parseint(cl.scrollheight)==parseint(cl.style.height)){cl.style.height=parseint(cl.style.height)-30+px}
    var sideleft=cl.scrollheight;
    while(parseint(cr.scrollheight)==parseint(cr.style.height)){cr.style.height=parseint(cr.style.height)-30+px}
    var sideright=cr.scrollheight;
    layoutheight=math.max(sideleft,sideright);
    cl.style.height=layoutheight+px;
    cr.style.height=layoutheight+px;
}
解答:
在ie和opera里,div的style.overflowy的默认值是auto,上面的代码不会有问题。
在firefox和safari里,div的style.overflowy的默认值是(相当于hidden),所以你直接用上面代码的话,会出错。需要人为调整style.overflowy=auto。
其它类似信息

推荐信息