首页 > 其他 > 详细

【工作记录】解决溢出div自适应的高度问题

时间:2015-12-18 06:54:43      阅读:202      评论:0      收藏:0      [点我收藏+]

今天解决的一个问题,记录一下,先用文字记录下,有时间再用代码还原下。

响应式网站中,导航div包含的点击按钮下方出现菜单,无法控制高度(max-height控制百分比不行),后用js实现。是否不用js可以有更好方法?(之后补充)

js代码如下

function redirectpage() {
//var h1=document.getElementById("div_nav_top").height;/*页面上方顶部导航条div(z-index:2000),不知道为何不能获取其高度*/
//var h2=document.getElementById("div_nav_bottom").height;/*页面下方方顶部导航条div(z-index:2000),不知道为何不能获取其高度*/
if (window.innerHeight)
var winHeight = window.innerHeight;/*获取浏览器高度*/
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//var h_plus=130+‘px‘;
var h_list=winHeight-130+‘px‘;/*js计算高度的格式*/
//alert("h_list"+h_list);
document.getElementById("drop_down_h").style.maxHeight = h_list;
//alert("winHeight:"+winHeight);
//alert("下拉菜单的宽度:"+document.getElementById("drop_down_h").style.maxHeight);
}

【工作记录】解决溢出div自适应的高度问题

原文:http://www.cnblogs.com/monozxy/p/5055951.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!