Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在不隐藏身体的情况下将iframe绝对置于顶部_Javascript_Jquery_Html_Css_Iframe - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在不隐藏身体的情况下将iframe绝对置于顶部

Javascript 如何在不隐藏身体的情况下将iframe绝对置于顶部

javascript jquery html css iframe

Javascript 如何在不隐藏身体的情况下将iframe绝对置于顶部,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,所以我有一个iframe： <iframe style="width:100%;height:45px;position:fixed;top:0px;left:0px;z-index:2147483649" src="etc" scrolling="no" frameborder="0px"></iframe> 但是这个iframe会隐藏主体内容的顶部，因为这个iframe会覆盖主体内容

所以我有一个iframe：

<iframe style="width:100%;height:45px;position:fixed;top:0px;left:0px;z-index:2147483649" src="etc" scrolling="no" frameborder="0px"></iframe>
但是这个iframe会隐藏主体内容的顶部，因为这个iframe会覆盖主体内容……有没有办法用html、javascript等来配置这个iframe，这样它就不会再隐藏主体内容了（没有肮脏的笑话plz）

编辑
此外，我还试图让它不向下滚动，即使用户向下滚动页面，它也将始终绝对位于页面顶部……但这样做时不会覆盖正文内容……想想工具栏吧，我认为将css
位置更改为
相对
可以做到这一点


 <iframe style="width:100%;height:45px;position:relative;top:0px;left:0px;z-index:2147483649" src="etc" scrolling="no" frameborder="0px"></iframe>






检查工作代码@

因此，您需要始终位于顶部的固定iframe。为此，您需要设置

页边距顶部
至正文。边距将大于iframe的高度。
查看更新的小提琴

@
不确定您一定要做什么，但如果您将“位置”更改为“静态”，并停止尝试将其定位为绝对位置，则局部元素将在其下流动


否则，您需要在不希望隐藏的内容上方添加一些边距
将身体内容包装在DIV中，并将其放置在iframe下


<iframe style="height:45px;position:absolute;top:0px;left:0px;" src="etc" scrolling="no" frameborder="0px"></iframe>

<div style='position:absolute;left:0;right:0;top:45px;bottom:0;overflow:auto;'>Your body content</div>




你的身体内容

是的，但如果在向下滚动页面时这样做，iframe将从视图中消失：请参见编辑