首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Iframe高度度自适应

自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。用户体验更好和网站美观。

如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度。当内容是未知或者是变化的时候。这个时候就得更具子页面的高度来调节iframe的高,使得满足应该户的需求。

我们可以给它添加一个默认的CSS的min-height值,然后同时使用javascript改变高度。

HTML代码:

JS代码:

function iframeLoad() {

var iframe = document.getElementById("myiframe");

var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;

if(iframe) {

}

}

//window.setInterval("iframeLoad()", 20);

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171228A0L3AP00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券