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

Posted 2021-05-11

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的主要内容，如果未能解决你的问题，请参考以下文章