码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-05-27 01:05:09      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:style   c   a   set   cti   代码   

   很多时候大家需要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 操作页面中iframe自动跟随窗口大小变化,而页面不出现滚动条,只在iframe内部出滚动条,布布扣,bubuko.com

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

标签:style   c   a   set   cti   代码   

原文地址:http://www.cnblogs.com/dotnetmvc/p/3736273.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!