html 如何使用带固定顶栏的iFrame加载外部网页？ //演示：http：//embed.plnkr.co/iQQPh92IMjCUoeKK6dac/ //参考：http

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 如何使用带固定顶栏的iFrame加载外部网页？ //演示：http：//embed.plnkr.co/iQQPh92IMjCUoeKK6dac/ //参考：http相关的知识，希望对你有一定的参考价值。

html {
  background:black;
}
.fixed {
  position:fixed;
  height:30px;
  background:#fff;
}

#x {
  margin-top:30px;
}
<!DOCTYPE html>
<html>

  <head>
  </head>

  <body>
    
    <div style="position:absolute; left:77; top:77; width:377; height:377; clip:rect(0,381,381,0); background:#FFF;">
     <div class="fixed">FIXED NAVIGATION BAR</div>
     
     <iframe id="x" src="PUT_THE_WEBPAGE_URL_HERE" width="600" height="800" marginwidth="0" marginheight="0" frameborder="no" scrolling="yes">
     </iframe>
    
    </div>
  </body>

</html>

以上是关于html 如何使用带固定顶栏的iFrame加载外部网页？ //演示：http：//embed.plnkr.co/iQQPh92IMjCUoeKK6dac/ //参考：http的主要内容，如果未能解决你的问题，请参考以下文章

angular7中使用iframe来加载外部页面

使用带缩放和滚动的网页加载IFrame

带有浮动顶栏的脚手架（Jetpack Compose）

在不改变顶栏的情况下切换 UIView

css Nuvo-Express css用于将边框顶部添加到过程侧边栏。侧栏和顶栏的颜色相似时使用。用高光替换颜色

如何将外部网页加载到 html 页面的 div 中