jquery iframe自适应高度
当页面中有多个iframe时,有时某些iframe的高度可能高出页面的高度便会出现两条甚至跟多条,我现在需要得到的结果是将iframe平铺(上下排列时完全展开并且只有一个页面的滚动条,即iframe自带的滚动条消失),具体的javascript代码如下:
function SetWinHeight(obj) {
var frm = obj;
var subWeb = document.frames ? document.frames["iframe_content"].document
: frm.contentDocument;
if (frm != null && subWeb != null) {
frm.height = subWeb.body.scrollHeight;
}
}
主要页面代码如下:
<iframe name="iframe_title" id="iframe_title" src="title.jsp" width="100%" height="175" scrolling="auto"></iframe>
<iframe name="iframe_content" id="iframe_content" height="100%" οnlοad="SetWinHeight(this);" src="content.jsp" width="100%" scrolling="auto"></iframe>
注:iframe_title为导航栏,是一个jsp页面,上面的按钮利用超链<a>中的target属性指定到iframe中(例:target="iframe_content")按动按钮会在iframe_content显示相应的页面,如果没有这个js处理并且下面的页面高度大于当前浏览器窗口的高度时,就会出现两条滚动条。
这个js可以获取iframe_content中页面的高度,然后将页面的高度赋值给当前该页面所在的iframe的高度,这样在主页面中就会显示出content.jsp的完整页面(即使高度大于浏览器窗口高度时也不会出现两个滚动条!)。
jquery iframe自适应高度相关推荐
- [转]让iframe自适应高度-真正解决
原文地址:https://www.cnblogs.com/rogge7/p/7762052.html 需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同 ...
- 【前端开发】前端引入公共部分footer header的几种方法,及iframe自适应高度js
一.引入页面几种方法 1.IFrame引入,看看下面的代码 <iframe frameborder=0 border=0 width=300 height=300 src= ...
- Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐[转]
Iframe自适应高度绝对好使的代码,IE.遨游.火狐.Chrome都兼容,需要的朋友可以参考下. 这是我试了很多相关代码后发现的兼容性最好的Iframe自适应高度代码. <script typ ...
- php iframe 自适应高度,两个iframe自适应高度的解决方法
很多小伙伴在做网站的时候对于解决 1.需求分析: 使页面中的iframe可以自适应高度,避免页面高度增加的时候页面和iframe会同时出现滚动条. 2.方法一: 在iframe上面直接加onload的 ...
- 跨域下的iframe自适应高度
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策 ...
- iframe 自适应高度的多种实现方式
iframe高度自适应内容 需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象. 设置iframe 自适应高度,使其等于内嵌网页的高度 ...
- php iframe 自适应高度,iframe自适应高度
很多小伙伴在做网站的时候对于解决iframe的高度问题都是很头大的一件事,今天吾爱编程为大家介绍一下iframe自适应高度的方法,有需要的小伙伴可以参考一下: 1.需求分析: 使页面中的iframe可 ...
- php iframe 自适应高度,让iframe自适应高度的讲解
为什么需要使用iframe自适应高度呢?其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,特别是对于我们这些编程的来说,如鲠在喉的感觉.在页面中通过iframe嵌入了另外一 ...
- 设置iframe自适应高度
设置iframe自适应高度 HTML <iframe src="main.html" frameborder="0" scrolling="no ...
最新文章
- java时间戳求时间差_时间戳换算后,截取时间相差8小时的问题
- 比较强得一个个性签名
- DPCM 压缩系统的实现和分析
- javaone_JavaOne正在重建动力
- navcat定时备份mysql_Linux实现MYSQl数据库的定时备份
- 杭州获评全国最智慧城市
- 微服务的4个设计原则和19个解决方案
- python如何调用阿里云接口_Python调用阿里云API接口实现自定义功能【二】——DescribeInstance窗口操作...
- centos7 快速安装 mariadb(mysql)
- 现场取证之流量分析总结
- java rds 数据库_java项目连接rds数据库
- 响应函数 handlers
- 感冒身体差的不要喝酸奶
- 容器化部署与传统部署的区别及优势
- 【金猿信创展】恒生电子——全栈式信创解决方案,助力金融信创行稳致远
- Shard Architechure
- G - 。。。。。。。
- Modbus转Profinet网关案例 | 三菱FR-A700系列变频器配置方法
- element——弹窗
- JavaScript基础知识点(学习李炎恢视频)
热门文章
- [转]昨天电话面试,我痛斥自以为是的面试官
- 迅雷前CEO陈磊涉嫌职务侵占被调查,案由包括挪用公司数千万资金用于非法炒币
- Warning[w6]: Type conflict for external/entry AClkSet, in module 1 against
- Parkinson‘s Freezing of Gait Prediction- baseline 学习
- Java 匿名类(匿名内部类)
- 【随记】Java格式化JSON输出
- 组合补充、主动调用其他类的成员、特殊成员
- C语言——函数指针参数和函数指针
- 创业故事:聊聊清源君的工作,收入,还有老公
- INTERSECT 两个单独的sql取交集