Jquery 操作页面中iframe自动跟随窗口大小变化，而不出现滚动条，只在iframe内部出滚动条

最新推荐文章于 2019-01-17 22:07:14 发布

转载最新推荐文章于 2019-01-17 22:07:14 发布 · 2k 阅读

文章标签：

#iframe #jquery #function

JQuery框架专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jQuery调整iframe元素高度的方法，确保其能够根据窗口大小自适应地调整高度，同时移除不必要的滚动条，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    //调用函数
        var pagestyle = function() {
            var rframe = $("#mainFrame");
            //ie7默认情况下会有上下滚动条，去掉上下15像素
            var h = $(window).height() - rframe.offset().top - 15;
            rframe.height(h);
        }
        //注册加载事件
        $("#mainFrame").load(pagestyle);
        //注册窗体改变大小事件   
        $(window).resize(pagestyle);