最近项目要求替换frameset过时技术,本人运用IFRAME+div替换。在布局时比较麻烦,本来应该竖直显示的两个IFRAME显示出来之后,iframe2内容总是显示在屏幕的页面的最下方。最后终于搞定。虽然不是什么高招,但是还算是解决问题啦! 特此记录一下:
子框架给父框架属性赋值:
$("#iframe1",parent.document.body).css("height",height1);//(正常大小)
//height1为原来IFRAME1高度减去200px
$("#iframe2",parent.document.body).css("top","-180px");
$("#iframe2",parent.document.body).css("height","200px");
类似其他最大化也可解决。
子框架给父框架属性赋值:
$("#iframe1",parent.document.body).css("height",height1);//(正常大小)
//height1为原来IFRAME1高度减去200px
$("#iframe2",parent.document.body).css("top","-180px");
$("#iframe2",parent.document.body).css("height","200px");
类似其他最大化也可解决。