javascript - 如何在不隐藏正文的情况下将 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 会覆盖正文内容....有没有办法用 html、javascript 等配置这个 iframe,这样它就不会隐藏 body 了(请不要开脏笑话)

编辑

我也试图让它不向下滚动,并且即使用户向下滚动页面也总是绝对在页面顶部......但这样做不会覆盖正文内容......想想一个工具栏

最佳答案

将您的正文内容包裹在 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>

关于javascript - 如何在不隐藏正文的情况下将 iframe 绝对放在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7495277/

相关文章:

jquery - Drupal 翻译 jquery

javascript - 为 Web 开发人员自动部署、刷新(清除缓存)和重新加载代码

jquery - 将鼠标悬停在包含 div 上并不总是有效

javascript - 如何将点击事件附加到分配给特定类名称的所有 div?

javascript - 滚动时查找 div 元素的可见高度

javascript - 使用 css 和 jquery 制作圆形动画

javascript - 如何在一个函数中设置多个 id

jquery - 使用单选按钮放置时无法使下拉菜单工作

javascript - 文本淡入淡出jquery

javascript - TTS 打破后台模式