iOS 中微信等app h5 页面 iframe 调用高度自扩展问题及解决

最新推荐文章于 2024-08-04 16:33:59 发布

深度解析

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量522

点赞数

文章标签： html5 javascript

本文链接：https://blog.csdn.net/dx_shendu/article/details/131008977

版权

解决方案如下：

第一种：直接将 iframe 设置成 scrolling no。
<iframe scrolling='no' />
但是这种方法会导致 iframe 中的 content 显示不全，超出 iframe 高度的部分会直接被裁剪掉。

第二种：用一个 div 包裹 iframe，并在 div 中处理滚动事件。

<style>
.demo-iframe-holder {
  width: 500px;//若宽度不适用可去除
  height: 500px;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.demo-iframe-holder iframe {
  height: 100%;
  width: 100%;
}
</style>

<html>
<body>
    <div class="demo-iframe-holder">
       <iframe id="iframe12" align="center" width="100%" height="350px" src="" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="yes"></iframe>
    </div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

深度解析

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iOS 中微信等app h5 页面 iframe 调用高度自扩展问题及解决

但是这种方法会导致 iframe 中的 content 显示不全，超出 iframe 高度的部分会直接被裁剪掉。第二种：用一个 div 包裹 iframe，并在 div 中处理滚动事件。第一种：直接将 iframe 设置成 scrolling no。
复制链接

扫一扫