国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

腳本控制自適應高度的縮短問題

2024-05-06 14:18:56
字體:
來源:轉載
供稿:網友
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"。
主站蜘蛛池模板: 寿光市| 乐昌市| 潮安县| 凤翔县| 汨罗市| 镇坪县| 绵阳市| 收藏| 寿阳县| 江津市| 永顺县| 平昌县| 阳新县| 竹山县| 科技| 玛沁县| 万年县| 安国市| 崇州市| 宁海县| 河间市| 濮阳市| 塔城市| 临清市| 隆林| 大兴区| 嘉鱼县| 泰来县| 普定县| 乡城县| 广水市| 朝阳县| 巴林右旗| 富阳市| 应用必备| 邯郸市| 田阳县| 曲靖市| 宁明县| 海阳市| 塔河县|