文档章节

ifrmae内层和外层高度同步

漫步海边小路
 漫步海边小路
发布于 2017/07/25 17:33
字数 89
阅读 5
收藏 0

假设有 ifrmae 的 id 为 main_frm

内部代码:

<script>
    alert($(document).height());
    $(window.parent.document).find("#main_frm").load(function () {
        // 先重置父级ifrmae的高度,然后再设置iframe内部的
        var main_frame = $(window.parent.document).find("#main_frm");
        main_frame.css("height","auto");//重置父级
        var thisheight = $(document).height() + 30;
        main_frame.height(thisheight);
    });
</script>

 

外层代码:

<script>
    $("#main_frm").load(function () {
        var frm_height = $(this).contents().find("body").height();

        $(this).height(frm_height);
        resize_bottom_box();
    });
</script>

© 著作权归作者所有

漫步海边小路
粉丝 1
博文 74
码字总数 13606
作品 1
威海
人事招聘
私信 提问
关于js中的scrollTop

最近想写一个信息滚动的demo,但是一直没有实现,最后查找资料,看了网上的一些例子,之后才明白原因:没有清楚scrollTop的真正含义 html代码: <div class="info-area" id="area"> <ul id="list"......

sunshinewyf
2015/07/28
0
0
安卓嵌套滚动NestedScroll了解一下

其实嵌套滚动已经算一个比较常见的特效了,下面这个动图就是嵌套滚动的一个例子: 看到这个动效,大家可能都知道可以用CoordinatorLayout去实现.其实CoordinatorLayout是基于NestedScroll机制去...

嘉伟咯
2018/06/04
0
0
(转) Twisted : 第十三部分 使用Deferred新功能实现新客户端

介绍 回忆下第10部分中的客户端5.1版。客户端使用一个Deferred来管理所有的回调链,其中包括一个格式转换引擎的调用。在那个版本中,这个引擎的实现是同步的。(即等待其执行再切到其它函数或...

水果糖
2016/01/27
13
0
jsp网页图片显示问题

问题: 1. 网页怎样设计已适应不同的屏幕分辨率?(高度设百分比浏览器不兼容,想用内层div自动撑起外层div,但内层div并排显示的float属性,达不到自动填充的效果) 2.有没有什么办法解决打开网友...

鎕_鎕
2012/07/17
1K
2
元素的水平居中与垂直居中

水平居中 第一种方法: 外层设置相对定位且浮动,left:50%,这样左边位置就偏移到了中间的位置; 然后内层设置相对定位,left:-50%,这样正好向左偏移自身宽度的一半,实现了居中。 第二种办法...

codetask
2016/11/27
14
0

没有更多内容

加载失败,请刷新页面

加载更多

系列一、入门教程web端实现地图功能

废话不多说,社会我多多 实现步骤如下 第一步、在高德api注册账户 搜索高德api点击进入官网,自己注册一个账号,你懂得怎么注册撒 点击进入下图画框位置,来到官网api入门教程 第二步、按照以...

我叫小糖主
28分钟前
12
0
springboot统一校验validator实现

第一步: pom.xml需引入spring-boot-start-web依赖,其中包含validator框架包 <!--Spring Boot Web依赖--><dependency> <groupId>org.springframework.boot</groupId> <artifact......

zzx10
30分钟前
3
0
vue组件系列-预览、放大、缩小、旋转

这个用的是别人的,如果有问题,估计改起来会很纠结。 安装 npm install v-viewer --save 卸载 npm uninstall v-viewer 注册 在main.js中 // The Vue build version to load with the `impor...

轻轻的走过
31分钟前
3
0
Taro Input输入内容无法绑定state问题

在onInput事件中,返回内容,返回内容即是输入框内容 例如只能输入一个小数点: <Input type='digit' placeholder='带小数点的数字键盘' value={this.state.advance} onInput={ e => this.ch......

步步登高
33分钟前
2
0
Windows10远程连接CentOS7(搭建Xrdp服务器)

Windows10远程连接CentOS7(搭建Xrdp服务器) 听语音 浏览:0 | 更新:2018-02-11 12:56 1 2 3 4 5 6 7 分步阅读 通过VNC或Xdmcp的方式远程连接linux图形桌面,虽然都很方便,但有个缺点就是...

linjin200
33分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部