您的位置：首页 > Web前端 > JavaScript

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

2017-08-01 17:48 218 查看
               让一个元素的高度和屏幕的高度一样，并且随着屏幕高度的变化而变化，用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=======================



欢迎关注我的个人技术公众号！javascript艺术
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                html
                                                javascript
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                

                    
                

            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航