欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-31 11:30:25
...

    很多时候大家需要iframe自适应所加载的页面高度而不要iframe滚动条,但是这次我需要的是页面不需要滚动条而iframe要滚动条,且iframe自动跟随窗口大小变化、自适应页面大小。下面是代码,下次有时间在来解释下代码。

$(document).ready(function(){

//调用函数

var pagestyle = function() {

var iframe = $("#iframe");

var h = $(window).height() - iframe.offset().top;

iframe.height(h);

}
//注册加载事件
$("#iframe").load(pagestyle);
//注册窗体改变大小事件
$(window).resize(pagestyle);


});


相关标签: jQuery