iframe框根据内容自适应高度
2016-01-21 13:56
369 查看
1.页面
2.jquery实现
这是自己学习过程中的记录,方便自己回顾,好记性不如烂笔头。
作者:艺至
<iframe name="iframe_userCenter" id="iframe" frameborder=2 width=100% height=100% marginheight=0 marginwidth=0 scrolling=no src="user_userMessage"> </iframe>
2.jquery实现
<script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#iframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 var height = $(this).contents().height() + 20; $(this).height( height < 700 ? 700 : height ); //最小的高度700 }); }); </script>
这是自己学习过程中的记录,方便自己回顾,好记性不如烂笔头。
作者:艺至
相关文章推荐
- Cocos V3.10 之 预编译体验 !
- FlatBuffers 使用之(一):scheme 编写
- sys._getframe(0)的一些用法
- 绝对定位和相对定位的内幕
- 2015 年 Ruby 大盘点
- php敏感词过滤
- 删除归档,指定线程和日志序列号
- iOS开发之AsyncSocket使用教程
- Java继承和多态===Java继承的概念与实现
- Android studio 进行网络连接时,出现 HttpResponse reponse =new DefaultHttpClient().execute(request)处有错误
- Ubuntu下用glade和GTK+开发C语言界面程序(三)——学习make的使用方法
- 日期类
- CSS禁止文字选择user-select应用
- CPP Primer 5th 笔记(一)
- [LeetCode] Longest Increasing Path in a Matrix 矩阵中的最长递增路径
- 数据结构算法经典合集
- kali安装zmap
- SessionFilter的简单使用
- Android 自定义控件入门篇之自定义验证码
- 2015 年 Ruby 大盘点