iframe框根据内容自适应高度(100%可用)
HTML:
代码语言:javascript复制<iframe id="iframe" src="自己写地址" name="content" frameborder="0" style="width: 100%;height: 100vh;"></iframe>
script:
代码语言:javascript复制 <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
<script type="text/javascript">
$(function() {
$("#iframe").height(0); //用于每次刷新时控制IFRAME高度初始化
var height = $("#iframe").contents().height() 20;
$("#iframe").height(height < 800 ? 800 : height); //最小的高度700
}
</script>
在不显示滚动条的方式支持【滚轮】拉动。