如何让一个元素自适应屏幕的高度
来源:互联网 发布: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=======================
阅读全文
2 0
- 如何让一个元素自适应屏幕的高度
- 怎么让div的高度自适应屏幕的高度
- 怎么让Html的高度自适应屏幕高度
- 让元素自适应屏幕大小
- 如何让iframe的高度自适应父窗口的高度
- div的高度自适应屏幕的高度
- 如何让hbox布局的界面自适应高度
- 如何让textarea、kindeditor的高度自适应呢?
- 让canvas的高度自适应
- 让textarea的高度自适应
- 设置一个DIV或者table的高度自适应屏幕的高度
- React Native之如何让一个自适应高度的弹层的弹框上下垂直居中
- 父元素自适应子元素的高度
- 如何让iframe框架自适应内容高度
- 如何让网页自适应所有屏幕宽度
- 如何让网页自适应屏幕宽度
- 如何让网页自适应所有屏幕宽度
- div自适应屏幕高度
- RedisTemplate zSet的使用, 根据点赞排序,和创建时间排序2种方式
- hibernate多对多配置 many-to-many
- Android几种强大的下拉刷新库
- 【CSS 基础】09 列表
- HDU6060-RXD and dividing
- 如何让一个元素自适应屏幕的高度
- java抽象类和接口
- notify与wait案例2
- Fire Net
- mybatis 中in的使用
- pixhawk代码——磁偏角
- 签名后的MSI安装包第一次安装很慢规避方法
- Rocchio算法在推荐系统中的应用
- Cocos2dx-js cc.Class的实例化