如何在當前頁面頂部粘貼Iframe？

我想從其他應用程序加載下拉菜單，並希望使其與iframe的標題。當然，下拉菜單可以擴大，因此變得更大。如何在當前頁面頂部粘貼Iframe？

通常的iframe提供了一個滾動，它允許查看iframe的所有內容，但它看起來不適合我。我想在網頁頂部粘貼iframe，以便展開的菜單項將顯示在頁面內容的頂部。我不需要卷軸，我不需要橡皮iframe。橡皮iframe可能會佔用大量的屏幕空間。

Absolute positioning and z-index didn'd伎倆。還有其他方法可以解決這個問題嗎？

我的HTML如下：

<html> 
<head> 
</head> 
<body> 
<iframe style="height:45px;width:100%;position:absolute;top:0px;left:0px;z-index:40" src="http://localhost:8080/app" scrolling="no" frameborder="0px"></iframe> 
<div style='position:absolute;left:0;right:0;top:45px;bottom:0;overflow:auto;'>Your body content</div>  
</body>

來源

2014-12-09 Baurzhan

一個'iframe'絕對*不是*的方式來做到這一點。如果您想要某種下拉式導航，最好的辦法是引入跨多個頁面使用的JavaScript文件，並將其應用於具有多個頁面也使用的ID的元素。 – 2014-12-09 11:59:17

不知道它是否會工作，但也許嘗試添加一個焦點psuedo css選擇器到框架並添加高度：300px或其他。 – Billy 2014-12-09 12:02:00

嘗試的CSS參數position: fixed;。

祝你好運

來源

2014-12-09 11:59:23

試過，沒有成功（ – Baurzhan 2014-12-09 12:09:06

試試這個，我想這會解決。

<iframe style="height:45px;width:100%;position:fixed;top:0px;left:0px;z-index:40" src="http://localhost:8080/app" scrolling="no" frameborder="0px"></iframe>

來源

2014-12-09 12:01:59

試過，沒有成功（ – Baurzhan 2014-12-09 12:08:50

把iframe放在一個div裏面並且設置style =「position：fixed」到div。 – 2014-12-09 12:12:45

'沒有幫助 – Baurzhan 2014-12-09 12:20:17

如何在當前頁面頂部粘貼Iframe？

回答

相關問題