Question

我想从其他应用程序中加载下拉菜单，并希望将其作为iframe的标题。当然，下拉菜单可以扩展，从而变得更大。

通常的iframe提供了一个滚动条，可以查看iframe的所有内容，但它看起来对我不利。我想在网页顶部贴上iframe，以便展开的菜单项将呈现在页面内容之上。我不想要卷轴，我不想要橡胶iframe。橡胶iframe可能会占用大量的屏幕空间。

Absolute positioning和z-index没有做到这一点。有没有其他方法可以解决这个问题？

我的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>

Answer 1

尝试使用css参数position: fixed;。

祝你好运

Answer 2

试试这个，我想这会解决。

<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>

如何在当前页面上粘贴iframe？

2 个答案: