您的位置:首页 > 其它

iframe框根据内容自适应高度

2016-01-21 13:56 369 查看
1.页面

<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>


这是自己学习过程中的记录,方便自己回顾,好记性不如烂笔头。

作者:艺至
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: