我制作了jQuery,它给了我contentda div的最大高度,并将它应用于“包装”div和移动视图100%高度,但问题是,没有问题是没有动态获得高度(调整浏览器大小时的实时更新) 这里是代码和jsfiddle链接https://jsfiddle.net/st0evt1n/1/
setmenuheight();
$(window).bind("load resize", function() {
var menuheight = $( window ).width();
if(menuheight <= 768){
$(".wrapper").css('height','100%');
$(".contentarea").css('height','100%');
} else {
setmenuheight();
}
});
function setmenuheight() {
var TabgetHeight = 1;
$(".tabulmain > li").each(function() {
var forHeight = $(this).find(".contentarea").innerHeight();
TabgetHeight = forHeight > TabgetHeight ? forHeight : TabgetHeight;
$(this).find(".contentarea").css('height',forHeight);
});
$(".wrapper").css('height',TabgetHeight+15);
}
答案 0 :(得分:0)
你可以尝试这个:
.contentarea{ opacity:0; visibility:hidden;}
.tabulmain > li:hover .contentarea{ opacity:1; visibility:visible;}
.mainnavtag ul li
{
height:20px;
}
.mainnavtag ul li:hover { opacity:1; visibility:visible;height:auto;}
答案 1 :(得分:0)
我认为问题,因为你的代码中有错误。
您获得.width()
元素并将其视为height