【问题标题】:Drop down menu over frames?框架上的下拉菜单?
【发布时间】:2013-01-28 10:51:31
【问题描述】:

我的页面上有 2 个 iframe。一个是菜单窗格 (frame1),另一个是内容窗格。菜单框架高度为 100 ,其余为 content frame ,由于各种原因,我无法更改 frame1 的高度。我在菜单框架中使用了 CSS 下拉菜单,当我使用菜单框架高度为 200 或 300 时,下拉菜单正确显示,但高度小却无法显示。

我需要做什么才能在 frame1 中显示主菜单并在 frame2 中显示下拉子菜单?听说叫跨框下拉菜单。请让我知道如何解决我的问题。 我对 HTML、CSS、JavaScript 和 PHP 没问题。希望我能用这四种语言解决这个问题。

【问题讨论】:

  • 所以每次顶部菜单点击都会在下面的框架中加载一个页面,并带有不同的下拉菜单?不知道我明白谁是我删除原始答案的原因
  • 我只有一个下拉菜单,如果在一个框架中使用它,Dat 工作正常,但我的网页有 3 个框架,所以下拉菜单不会出现,因为框架的高度......这就是问题..我该如何解决?请帮忙。

标签: php javascript html css drop-down-menu


【解决方案1】:

我认为不使用框架是最好的答案。网站通常更易于访问和用户友好,如果您按照它们的设计意图设计它们而不是破解东西。

【讨论】:

  • 智能答案......但它不是解决方案@DavidB
  • 老实说,我不确定问题是什么,请参阅我对上述问题的评论
【解决方案2】:

您可以使用 jquery $("#iframe_id").contents().find('#some_element') 从父元素访问第二个 iframe 中的元素,您可以使用 parent.yourFunction() 从 frame1 访问父 js 函数。
嗯。像这样:
在第一帧:
<div class='menu_btn' onclick='parent.openMenu();'></div>
在父母中:

function openMenu() {  
$("#iframe2").contents().find('#some_element').show();
}  

虽然解决方案很奇怪。
我建议你考虑改变所有的页面视图,去掉框架。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多