您的位置：首页 > Web前端 > JQuery

Jquery 操作页面中iframe自动跟随窗口大小变化，而不出现滚动条，只在iframe内部出滚动条

2012-02-18 10:49 891 查看

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>

<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
var pagestyle = function() {
var rframe = $("#mainFrame");
//ie7默认情况下会有上下滚动条，去掉上下15像素
var h = $(window).height() - rframe.offset().top - 15;
rframe.height(h);
}
//注册加载事件
$("#mainFrame").load(pagestyle);
//注册窗体改变大小事件
$(window).resize(pagestyle);
</script>
<style type="text/css">
#ifrRow
{
margin-bottom: 252px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div> <iframe src="excel.aspx" name="rulet_ifr" id="mainFrame" frameborder="1" height="100%" scrolling="auto" width="100%"></iframe>

</div>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航