在开发中出现一个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添加滚动条，以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的，但在其他一些情况下，开发者可能希望去除滚动...
默认情况下，iframe具有自己的滚动条，当内容超出其可见区域时，内部的滚动条会自动出现。这种独立滚动行为是由`<iframe>`元素的`scrolling`属性决定的，该属性有三个可选值： - `auto`：浏览器自动决定是否显示...
为了避免在`iframe`内部出现滚动条，可以在`iframe`标签中设置`scrolling`属性为`no`，这将禁止内部滚动条的显示。 ```html <iframe name="read_iframe" align="center" scrolling="no" width="100%" onload="set...
### 完全搞定iframe（框架）里的滚动条 #### 知识点概览 ...通过对不同场景下iframe滚动条问题的理解以及采用合理的CSS或JavaScript技术，可以有效地解决在A页面中加载B页面时出现的滚动条问题，提升用户体验。
在深入探讨如何解决IE6下iframe出现横向滚动条的问题之前，我们需要了解几个关键的前端技术概念，包括iframe的使用、IE6浏览器的特殊性以及CSS（层叠样式表）和JavaScript（JS）的运用。 首先，iframe（内联框架）...
iframe水平滚动条定位右侧及其样式的基本设置
在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...
- 使用CSS可以改变Iframe的外观，例如隐藏默认滚动条，自定义滚动条样式，使用`overflow: hidden;`隐藏滚动条，或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式（仅限Webkit内核浏览器）。 6. **浏览器兼容...
总结一下，通过使用Jquery监听iframe的resize和load事件，并对iframe的高度进行动态调整，我们可以实现iframe内容的自适应显示，同时避免在浏览器窗口内出现不必要的滚动条，而只在iframe内部出现滚动条。...
iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： ...
"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制，使得在JSP页面中嵌入的跨域IFrame能够正常通信。下面我们将详细探讨这个问题以及可能的解决方案。 首先，理解同源策略是关键。同源策略是...
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。 问题重现： 结构： index.html : <style> #iframe{height:500px;} </style> ...
在网页布局中，`iframe` 的高度如果不能自动适应其内容的高度，可能会导致内容溢出或者出现滚动条。解决这个问题的一种常见方法是通过 JavaScript 来动态调整 `iframe` 的高度。在提供的代码示例中，使用了以下 ...
标题中的“iframe跨域通信的通用解决方案-第二弹!（终极解决方案）”指的是在Web开发中，使用`iframe`元素进行跨域通信的一种高级技术。跨域通信是Web应用程序中常见的需求，特别是在需要集成不同来源的网页内容或者...