在开发中出现一个iframe双滚动条问题,查了很多资料,网上的解决方案是定义iframe的onload事件,加载时重新加载高度,但是由于项目中页面渲染完成后,点击按钮动态生成数据,这时候上面的方案就不可行了。
下面是通过jquery.layout.js来解决双滚动条问题。
html代码
<body > <div id="mainFrameDiv" class="tabqh ui-layout-north"> <div class="menu"> <ul id="tabs"> <div id="liText"><div> </ul> </div> </div> <div class="ui-layout-center" > <iframe src="" frameborder="0" id="bottom_frame" name="bottom_frame" width="100%" height="100%"></iframe> </div> </body>
同时引入下面js文件
<script type="text/javascript" src="<%=request.getContextPath()%>/jquery/plugin/layout/jquery.layout.js"></script>
在初始化时执行
$(document).ready(function () { $('body').layout({ north: { size:40, spacing_open:0, closable:false, resizable:false }, center: { size:20, spacing_open:0 } }); })
下面是效果图
相关推荐
外部滚动条控制iframe外部滚动条控制iframe
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
iframe的滚动条问题:显示隐藏滚动条.doc
最近的项目中,遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码,大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。
iframe水平滚动条定位右侧及其样式的基本设置
js脚本: 自动调节iframe高度,而不显示其滚动条
完全搞定iframe(框架)里的滚动条!.doc
今天小编就为大家分享一篇layer弹出层 iframe层去掉滚动条的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
Jquery 操作页面中iframe自动跟随窗口大小变化,而不出现滚动条,只在iframe内部出滚动条
iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 问题重现: 结构: index.html : <style> #iframe{height:500px;} </style> ...
iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢? 一:去掉全部的滚动条 第一个方法: ...
Iframe页面的滚动.rar
通过HTTPClient界面在JSP中嵌入iframe子界面跨域时,无法获取跨域界面的属性值的问题
通过对29行的注释和非注释,查看页面是否还有滚动条
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
jbox停止更新后,高版本浏览器下有一些问题,调整了在新版本浏览器下,调用 iframe页面出现滚动条,以及弹出层下方未对齐等问题。不过,技术有限,改的不是很正规。只是用来应急,旧系统已经使用的情况下,可以试试...