如何让一个元素自适应屏幕的高度

来源:互联网 发布:java登录界面 数据库 编辑:程序博客网 时间:2024/06/17 15:55
               让一个元素的高度和屏幕的高度一样,并且随着屏幕高度的变化而变化,用js代码实现;记得写完调用这个函数;
        //====tree的自适应高度start=====================            function autodivheight(){ //函数:获取尺寸                  //获取浏览器窗口高度                  var winHeight=0;                if (window.innerHeight)                    winHeight = window.innerHeight;                else if ((document.body) && (document.body.clientHeight))                    winHeight = document.body.clientHeight;                //通过深入Document内部对body进行检测,获取浏览器窗口高度                  if (document.documentElement && document.documentElement.clientHeight)                    winHeight = document.documentElement.clientHeight;                //DIV高度为浏览器窗口的高度                  document.getElementById("tree").style.height= winHeight +"px";                //当tree的高度超过屏幕高度的时候,设置滚动条                $("#tree").height() < winHeight  ? $("#tree").height('auto') : $("#tree").css('overflow', 'auto').height(winHeight);            }        window.onresize=autodivheight; //浏览器窗口发生变化时同时变化DIV高度          //====tree的自适应高度end=======================