怎样让iframe随下滑菜单自适应改变高度

hdandll 2011-10-09 09:42:14
做了个下滑菜单,为了屏蔽ie6里下拉框等透出浮动层问题,在菜单下滑时同时放其下层了一个iframe(无src),
现在下滑菜单的高度由原来的“固定高度”改成了“根据菜单内容的多少,变化高度。”现在这个起遮挡作用的iframe也得实现根据菜单内容变化高度,即跟滑动层的高度一样,怎么实现?

滑动菜单代码如下:zg_Iframe就是这个iframe
// 点击菜单滑动下拉,焦点不在下滑界面自动回收
$(document).ready(function () {
var delayTime = "" ;
$("#AOPTopMenu>ul>li").hover(function () {
var _self = $(this).children(".SecondMenuBar");
delayTime= setTimeout(function () {
$(_self).slideDown(200)
$("#zg_Iframe").css('display', 'block');
}, 600);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor");
}, function () {
clearTimeout(delayTime);
$(this).children(".SecondMenuBar").slideUp();
$("#zg_Iframe").css('display', 'none');
$(this).removeClass("SelectbgColor");
$(this).addClass("bgColor");
})
})




iframe位置:

<div class='containDiv'>
<div id='AOPTopMenu' class='TopMenuBar'><ul>这里是查出得菜单内容,循环查出</ul></div>
<iframe id='zg_Iframe' name='zg_Iframe' class='maskIframe'></iframe></div>
...全文
219 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
hdandll 2011-10-12
  • 打赏
  • 举报
回复
问题解决了,jquery里直接获取下滑界面div的高度,将其赋值给iframe的高度就行了:
// 点击菜单滑动下拉,焦点不在下滑界面自动回收
$(document).ready(function () {
var delayTime = "";
$("#AOPTopMenu>ul>li").hover(function () {
var _self = $(this).children(".SecondMenuBar");
var thisheight = _self.height() + 0; //获取样式为".SecondMenuBar"的下滑div的高度

delayTime = setTimeout(function () { //鼠标放置到菜单上后设个延时400
$(_self).slideDown(300) //界面下滑速度300
$("#zg_Iframe").height(thisheight); //把样式为".SecondMenuBar"的div的高度赋值给iframe;
$("#zg_Iframe").css('display', 'block');
}, 400);
$(this).removeClass("bgColor");
$(this).addClass("SelectbgColor");

}, function () {
clearTimeout(delayTime);
$(this).children(".SecondMenuBar").slideUp();
$("#zg_Iframe").css('display', 'none');
$(this).removeClass("SelectbgColor");
$(this).addClass("bgColor");
})
})
hdandll 2011-10-10
  • 打赏
  • 举报
回复
我的iframe里没内容的啊,src=‘’ ,目的只是想设置其高度和滑动界面的相等
三石-gary 2011-10-09
  • 打赏
  • 举报
回复
明悟 2011-10-09
  • 打赏
  • 举报
回复
楼主在楼上的参考里应该能找到答案

87,989

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧