方法一:加载frame时修改高度

<div>
    <iframe id="frame_content" name="frame_content" src="<%=path%>/configuration.jsp" width="100%" height="95%"
                frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"
                onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>
  </div>

方法二:

用iframe的人都知道，（大神请飘过……）右边的iframe总是带着滚动条，而页面上默认也有滚动条，一个页面2个滚动条当然不好啦，去除的话……下面是个简单的jquery，这是kaka给写的，好用好理解，灰常感谢……

结构：

<body>

<div class="warp_body">

<div class="warp_header"></div>

<div class="warp_content">

<div class="sidebar"></div>

<div class="content">

<div class="content-item">

<iframe width="100%" style="height:668px" frameborder="0" src="http://thehlc.cn"></iframe>

</div>

</div>

</div>

</div>

<script type="text/javascript">adjustIfrHt();</script>//加到页面最后

</bocy>

jQuery部分：

<script type="text/javascript">

function adjustIfHt(){

var ht = $(window).height();//获取浏览器窗口的整体高度；

var topHeader = $(".warp_header").height();//获取头部高度，定义一个变量名为topHeader

$(".sidebar").height(ht);

$("#rightFrame").height(ht);

$(".sidebar").height(ht-topHeader);//计算左边高度：窗口高度-头部高度

$("#rightFrame").height(ht-topHeader);//计算右边高度：窗口高度-头部高度

}

</script>

样式部分：

<style type="text/css">

html{overflow:hidden;}//隐藏整个页面的滚动条；

</style>

去除带有iframe页面中的2个滚动条[转]的更多相关文章

  1. jQuery 互相调用iframe页面中js的方法

    1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...

  2. JS 互相调用iframe页面中js方法、VUE里 iframe 互调方法

    1,父 html 调用子 iframe 内方法: document.getElementById("iframe").contentWindow.func(data1,data2. ...

  3. 提交iframe页面中的表单

    function getIframeDoc(id){             var doc;            if (document.all){//IE                 do ...

  4. 解决同一页面中两个iframe互相调用jquery,js函数

    这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: <iframe width="10 ...

  5. js 获取iframe页面元素

      js 获取iframe页面元素 CreationTime--2018年8月16日18点00分 Author:Marydon <!-- chart图表 --> <iframe id ...

  6. JavaScript:父页面与Iframe页面方法互调

    父页面调用Iframe页面中的函数 以上是父页面中定义的iframe,注意添加name属性 在父页面中调用mapFrame的ShowMyLocation方法 Iframe页面调用父页面的方法 直接在I ...

  7. js如何获取iframe页面内的对象

    简单介绍iframe标签,所有的浏览器都支持<iframe>标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架).通常我们常用的iframe标签的属性有:width(if ...

  8. ASP.NET页面中去除VIEWSTATE视图状态乱码

    保存页的所有视图状态信息和控件状态信息. 基于SEO技术的开发,在没有接触MVC框架 Razor 引擎的时候,我们需要使用ASP.NET引擎,如果使用ASP.NET引擎的服务器端控件,那么在ASP.N ...

  9. ASP.NET页面中去除VIEWSTATE视

    保存页的所有视图状态信息和控件状态信息. 源码:http://www.jinhusns.com/Products/Download/?type=xcj 作者在早期参与的项目中曾遇到这样的需求:基于SE ...

随机推荐

  1. PHP 微信错误状态返回码说明

    PHP 微信错误状态返回码说明 返回码说明 返回码    说明 -1   系统繁忙 0    请求成功 40001 验证失败 40002 不合法的凭证类型 40003 不合法的OpenID 40004 ...

  2. (翻译) TFS源码控制的未来 （TFSVC vs. Git）

    博主: 翻译自微软Visual Studio ALM产品组老大Brian Harry 的博客文章 The future of Team Foundation Server Version contro ...

  3. PHP 如何成长 （收藏自：http://www.cnblogs.com/try-better-tomorrow/p/6964036.html）

    原文题目为<php程序员学C/C++>,不过我觉得说是提升自己比较合适. 身边有几个做PHP开发的朋友,因为面试,也接触到不少的PHP工程师,他们常疑虑自己将来在技术上的成长与发展,我常给 ...

  4. android实现卸载提示

    这篇文章是整理的以前用过的一个功能,由于多种原因现在停用了,也希望这篇文章能帮助一些android入门的小童鞋.android是不提供监控卸载自己的功能的,这里使用了监控android日志的功能,an ...

  5. MySQL基本操作(+参考手册)

    1.MySQL 5.1参考手册 2.基础教程 3.常用举例入下: 1 连接数据库:mysql -h主机地址 -u用户名-p用户密码 2 数据库的提示符:mysql> 3 退出数据库:exit(回 ...

  6. 距离，margin padding ,width height 用法 ，记录

    margin:0 auto 表示什么意思 margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right 因为0 auto,表示上下边界为0,左右则根据宽度自适应 ...

  7. IOS开发复习笔记（1）-OC基础知识

    在上班之余学习IOS已经有三个多月了,因为基础有些薄弱从OC的基本语法开始学习的,相继看了青柚子和红柚子的书,现在在看编程实战,趁这个机会好好的总结一下: 1.命名约定 对象类型和名称一致,以免混淆 ...

  8. git github usage

    以gerrit-trigger-plugin为例,下面的链接都是从相应页面上直接拷贝的. 法一:不用github的账号,打开这个库在github上的主页,运行下面命令即可 read only 运行命令 ...

  9. python系列四：Python3字符串

    #!/usr/bin/python #Python3 字符串#可以截取字符串的一部分并与其他字段拼接var1 = 'Hello World!'print ("已更新字符串 : ", ...

  10. opencv如何打印长图？

    cv::Mat longMap(std::vector<cv::Mat> &set) { int matNumber = set.size(); int width = set[0 ...