2013-01-12 87 views
1

我正在製作一個存在於iFrame中的UI,並且可以嵌入到HTML頁面中。 UI包含一個可變長度的水平菜單。想是這樣的:使iFrame向左擴展

首頁 - 登錄 - 關於 - 幫助

但是,在菜單的元素的長度/數是隨時可能更改。該UI存在於其所嵌入的每個頁面的右上角的上。我想要發生的是,當我添加一個元素到菜單中時,讓我們說「聯繫我們」,我想讓iFrame向左擴展以容納額外的元素。

眼下的菜單結構與

display: inline-block;

風格多個div但我也嘗試過使用UL和LIS。

使這變得複雜的是,我不想讓iFrame的寬度成爲整個頁面,我只是希望它足夠大以容納菜單。但是,如果我在添加新元素時未明確設置寬度,而不是水平排列,則會將其推送到下一行。

所以,當我添加新元素(聯繫我們),我希望它看起來像這樣:

Home - Login - About - Help - Contact Us 

但它結束了看起來像

Home - Login - About - Help 
- Contact Us 

(請記住這一切發生的內部的position: fixed;到每頁的右上角)

我想弄清楚的是如何使iFrame擴展到左側而不是推新元素d擁有下一行。提前致謝。

+0

你能否把一個代碼示例? –

回答

0

只要這兩個網頁位於同一個域,你可以使用window.frameElement財產JavaScript從菜單頁面內設置的IFRAME元素的大小。