網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

js實現的高度自適應

日期:2013-11-29  來源:攀枝花惠康網絡公司

自順應高度結構斗勁常用,巨匠知道自順應寬度可以很便利的用css結構,可是自順應高度用css雖然能解決,可是斗勁麻煩,還不如寫一段劇原本的的輕松多了。


//計較文檔的可見高度

function windowHeight() {
    var de = document.documentElement;
    return self.innerHeight||(de && de.clientHeight)||document.body.clientHeight;
}

//window.onresize是窗口改變巨細的時辰,因為窗口改變巨細,文檔的可見高度或寬度會轉變。
window.onload=window.onresize=function(){
 var wh=windowHeight();
 document.getElementById("contentWrap").style.height = document.getElementById("sidebar").style.height = (wh-document.getElementById("header").offsetHeight-document.getElementById("footer").offsetHeight)+"px";
}


事理:計較屏幕的高度,減去頭部和底部的高度就OK了,

查看完整demo:http://www.css88.com/demo/js-zsy/js-zsy.html

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图