`

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

阅读更多

    很多时候大家需要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);


});


分享到:
评论
1 楼 boy002 2010-09-17  
效果不错,借用了

相关推荐

    Jquery iframe内部出滚动条

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

    利用JQuery操作iframe父页面、子页面的元素和方法汇总

    iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,本文主要给大家分享了关于简单使用JQUERY来操作IFRAME的一些记录,这个使用纯JS也可以实现。下面话不多说了,来一起看看详细的介绍吧。 第一、...

    用jquery进行修复在iframe下的页面锚点失效问题

    应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。 解决办法是:用js判断页面是否被嵌套,用js...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    Easyui 去除jquery-easui tab页div自带滚动条的方法

    打开tab页面时,自动载入一个iframe页面,除了iframe页面本身会出现一个滚动条,tab标签页也出现一个滚动条,如下图所示,需求就是去掉tab页面的滚动条 解决方法 通过观察html页面结构,发现这个滚动条归属class为...

    Jquery弹出框源码

    new Dialog('对话框不随滚动条移动',{fixed:false}).show(); 显示指定ID的内容 // 将显示本标签内的内容。 new Dialog({type:'id',value:'content-type-id'}).show(); 加载一张图片 new Dialog({type:'img',value:'...

    利用div+jquery自定义滚动条样式的2种方法

    最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备...这样就会自动生成了滚动条,但是大家都知道自带的不好看。接下来就是重点了,如何修改滚动条的样式呢? 经过从网上的不断搜索,发现有两

    jQuery scroll事件实现监控滚动条分页示例

    代码如下:$(document).ready(function () { //本人习惯这样写了 $(window).scroll(function () { //$(window).scrollTop()这个方法是当前滚动条滚动的距离 //$(window).height()获取当前窗体的高度 //$...

    用jquery修复在iframe下的页面锚点失效问题

    iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,用js判断页面是否被嵌套,用js计算iframe在父窗体位置

    ExtAspNet_v2.3.2_dll

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    jquery 弹出登录窗口实现代码

    主要层左右居中,设置left等于窗口宽除二减去自身层宽除二就居中了,至于窗口上下居中我没做到,固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时,首先判断一下两个层是否已经append到body里面,...

    meteor-jquery-nicescroll:感谢犬夜叉。 Nicescroll 是一个 jquery 插件,用于具有非常相似的 iosmobile 风格的漂亮的可定制滚动条。 它支持 DIV、IFrame 和文档页面(正文)滚动条。 兼容 Firefox 4+、Chrome 5+、Safari 4+ (winmac)、Opera 10+、IE 6+(所有 A 级浏览器)。 与 iOS 设备兼容,如 iPad、Android、黑莓、Windows Phone 以及许多移动和触摸设备

    它支持 DIV、IFrame 和文档页面(正文)滚动条。 兼容 Firefox 4+、Chrome 5+、Safari 4+ (win/mac)、Opera 10+、IE 6+(所有 A 级浏览器)。 与 iOS 设备兼容,如 iPad、Android、黑莓、Windows Phone 以及许多...

    基于jquery的tabpanel

    基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...

    jQuery 弹出层

    在网上找的比较不错的弹出层。 实例有: 可以打开多个; 自动关闭;...非fixed模式(对话框不随滚动条移动); 显示指定ID的内容; 加载一张图片; 加载一URL地址; 加载一URL到iframe; 回调函数。

    artDialog_Demo

    9、 锁屏的时候屏蔽了键盘操作刷新、Tab切换(只在对话框中可用)与全选 10、修复Chrome特定情况下出现的iframe错位问题 11、修正2.0.8版本后锁屏不兼容Safari的问题 12、修复Firefox调大对话框拖帧的现象 13、...

    jquery的tabpanel

    基于jquery的tabpanel,支持动态添加,支持滚动条,可内嵌iframe,支持关闭按钮,支持tab的背景图片配置, 这个是我在网上找到一个原始的版本,然后修改的,有详细注释,写了11个使用例子,基本涵盖了该组件的功能。...

    jquery.nicescroll的使用和案例

    Nicescroll 是制作自定义滚动条的jq插件。支持div,iframe,html等

Global site tag (gtag.js) - Google Analytics