仅展示iframe内指定位置，附源码

qq_40423392

已于 2023-01-30 20:16:50 修改

阅读量627

点赞数

文章标签： javascript html html5

于 2023-01-30 19:51:45 首次发布

本文链接：https://blog.csdn.net/qq_40423392/article/details/128807859

版权

调整iframe的left和bottom属性即可
注意：iframe的 width和 height设置大一点，不然会跟着跑

```html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  外部app
  <div style="position: relative; width: 350px; height: 250px; overflow: hidden">
    <iframe style="position: absolute; left: -68px; bottom:-235px; overflow: hidden" src="你的网站"
      scrolling="no" vspace="500" hsapce="100" width="800" height="800">
    </iframe>
  </div>


  <div>app内容<div>
      <div>app内容<div>
          <div>app内容<div>
              <div>app内容<div>
</body>
<div>

  </body>

</html>