根据 iframe 内容设置高度

作者: 蛮吉大人123 | 来源:发表于2018-09-15 13:04 被阅读6次

根据 iframe 内容设置高度
H5在ios中使用iframe滚动失效问题
iframe高宽度根据内容自适应
如何获取父级iframe的dom，并且设置高度
iframe高度自适应
layui 后台模板 iframe高度问题
iframe 高度自动设置自适应 iframe-resize
UICollectionView header根据内容设置高度
Excel -- 每行自适应高度以及设置最小高度
在onload事件触发时，根据body的高度自适应iframe的

iframe.contentDocument可以获取到 iframe 里面的 document 元素，然后获取高度即可设置。

<iframe id="J_crf_iframe" style="border: 0; width: 100%" src="http://www.xxx.com" />
<script>
const iframe = document.getElementById('J_crf_iframe');
    if (iframe) {
      iframe.onload = () => {
        iframe.height = iframe.contentDocument.documentElement.scrollHeight || iframe.contentDocument.body.scrollHeight;
      };
    }
</script>

根据 iframe 内容设置高度
iframe.contentDocument可以获取到 iframe 里面的 document 元素，然后获取高度...
H5在ios中使用iframe滚动失效问题
iframe设置了高度（例如500px）。倘若iframe的内容超出了iframe设定的高度时。iframe内部h...
iframe高宽度根据内容自适应
iframe根据内容的高度和宽度适应
如何获取父级iframe的dom，并且设置高度
场景：需要将vue嵌套在html页面的iframe中，根据vue页面的高度设置外层的iframe高度防止出现滚动条...
iframe高度自适应
为了让iframe的高度对内容自适应，给iframe标签设置一个onload事件，具体代码如下： js代码...
layui 后台模板 iframe高度问题
iframe高度为父容器高度，自动适应时高度为150px，要在父页面中设置iframe高度属性
iframe 高度自动设置自适应 iframe-resize
iframe-resizer 自动设置引入的 iframe 高度参考https://github.com/dav...
UICollectionView header根据内容设置高度
直接在collectionView referenceSizeForHeaderInSection方法中计算hea...
Excel -- 每行自适应高度以及设置最小高度
Mac版本需要：设置每行高度根据内容自动适应调整高度，同时存在最小的高度，使排版整洁。开始的设置：仅仅设置了高度...
在onload事件触发时，根据body的高度自适应iframe的
在onload事件触发时，根据body的高度自适应iframe的高度