在框架上下拉菜單？

Question

我的頁面上有2個iframe。 一個是菜單窗格（框架1），另一個是內容窗格。 菜單框架的高度為100，而對於內容框架則為其余高度，由於各種原因，我無法更改frame1的高度。 我在菜單框架中使用了CSS下拉菜單，當我使用菜單框架高度為200或300時，下拉菜單可以正確顯示，但高度過小卻無法顯示。

我需要怎么做才能在frame1中顯示主菜單，並在frame2中顯示下拉菜單？ 聽說它稱為“橫框”下拉菜單。 請讓我知道如何解決我的問題。 我對HTML，CSS，JavaScript和PHP沒問題。 希望我可以用這四種語言解決此問題。

Answer 1

我認為不使用框架是最好的答案。 如果您按照設計網站的意圖而不是黑客的方式來設計網站，則通常更易於訪問且用戶友好。

Answer 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();
}  

雖然解決方案很奇怪。
我建議您考慮更改所有頁面視圖，以擺脫框架。