iframe高度控制

最新推荐文章于 2024-08-18 21:47:24 发布

asing1elife

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量450

点赞数

文章标签： html iframe

本文链接：https://blog.csdn.net/asing1elife/article/details/83104274

版权

iframe在ios的safari中无法通过height:100%控制高度

在iframe中加上scrolling="no"强制没有滚动条

<iframe id="courseContentFrame" name="courseContentFrame" src="JavaScript:;" scrolling="no">
</iframe>

在iframe动态加载内容后，通过js强制指定高度

var height = $courseLearningPanel.find(".course-content-panel").height();
$courseContentFrame.attr("height", height);
$courseContentFrame.css("min-height", height + "px !important");
$courseContentFrame.css("max-height", height + "611px !important");