用jquery实现iframe自适应高度,不会出现滚动条

  • A+
所属分类:CSS web前端开发

方式1:

1
2
3
4
5
//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});

方式2:

1
2
3
4
5
6
//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});

html

<iframe src="./html/project.html" frameborder="0" width=1000  scrolling="no" id="main_project" name="main_pro">

</iframe>

weinxin
我的微信
这是我的微信扫一扫
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: