我的页面上有 2 个 iframe。一个是菜单窗格 (frame1),另一个是内容窗格。菜单框架高度为100,剩余为内容框架,由于各种原因我无法更改框架1的高度。我在菜单框架中使用了CSS下拉菜单,当我使用菜单框架高度为200或300时,下拉菜单显示正确,但无法显示小高度。
我需要做什么才能在框架 1 中显示主菜单,在框架 2 中显示下拉子菜单?听说它被称为交叉框架下拉菜单。请让我知道如何解决我的问题。我对HTML,CSS,JavaScript和PHP没问题。希望我能用这四种语言解决这个问题。
我认为不使用框架是你最好的答案。网站通常更容易获得和用户友好,如果你设计它们的设计方式而不是黑客攻击东西。
您可以使用
jquery $("#iframe_id").contents().find('#some_element')
从父元素访问第二个 iframe 中的元素,也可以使用 parent.yourFunction()
从 frame1 访问父 js 函数。
像这样
:在第 1 帧中:<div class='menu_btn' onclick='parent.openMenu();'></div>
在父级中:
function openMenu() {
$("#iframe2").contents().find('#some_element').show();
}
虽然解决方案相当奇怪。
我建议您考虑更改所有页面视图,摆脱框架。