Jquery 操作页面中iframe自动跟随窗口大小变化,而页面不出现滚动条,只在iframe内部出滚动条
2014-05-19 10:07
513 查看
很多时候大家需要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);
});
$(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内部出滚动条
- Jquery 操作页面中iframe自动跟随窗口大小变化,而不出现滚动条,只在iframe内部出滚动条
- Jquery 操作页面中iframe自动跟随窗口大小变化--引用--收藏
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- 在浏览器窗口大小变化时,自动出现或隐藏滚动条,隐藏横向滚动条,仅保留纵向的
- Jquery全屏图片自动切换插件,支持窗口变化图片大小等比例变化
- GetPageSize和GetPageScroll:获取页面大小、窗口大小和滚动条位置
- 改变窗口大小时,其内部的各个控件也自动改变大小
- 使用JQuery控制iframe自适应窗口大小
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- js代码:实现主页面滚动条随iframe里的内容自动调整
- 超简洁的jquery操作页面中iframe内的dom元素
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- Iframe页面内容变更页面自动改变大小(非加载时自适应大小)
- iframe 自动适应页面大小
- [JS]iframe根据子页面自动调整大小
- 解决页面中的iframe不随页面的大小一起变化的问题(兼容火狐)
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- 怎样使可编辑的DIV固定大小,当内容多时,就自动出现滚动条
- iframe的大小自动适应嵌入页面大小的代码