<iframe src="需要连接的iframe地址" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" >
</iframe>
js代码:function setIFrameHeight(iframe) {
var oHeight = 0;
var sHeight = 0;
var cHeight = 0;
if (iframe && !window.opera) {
if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight) {
oHeight = iframe.contentDocument.body.offsetHeight;
}
if (iframe.Document && iframe.Document.body.scrollHeight) {
sHeight = iframe.Document.body.scrollHeight;
}
if(iframe.contentDocument && iframe.contentDocument.documentElement.scrollHeight){
cHeight = iframe.contentDocument.documentElement.scrollHeight;
}
var lheight = Math.max(oHeight, sHeight);
var height = Math.max(lheight, cHeight);
iframe.height = height + 20;
}
}
分享到:
相关推荐
然而,有时嵌入的网页内容尺寸可能会超过iframe的可视区域,这时浏览器会自动为iframe添加滚动条,以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的,但在其他一些情况下,开发者可能希望去除滚动...
默认情况下,iframe具有自己的滚动条,当内容超出其可见区域时,内部的滚动条会自动出现。这种独立滚动行为是由`<iframe>`元素的`scrolling`属性决定的,该属性有三个可选值: - `auto`:浏览器自动决定是否显示...
### 自动调节iframe高度,而不显示其滚动条 js #### 背景介绍 在网页开发过程中,经常会遇到需要在一个页面内嵌入另一个页面的情况,这时通常会使用HTML中的`iframe`元素来实现。然而,当嵌入的内容高度不确定或者...
iframe水平滚动条定位右侧及其样式的基本设置
例如,在A页面的iframe标签中添加`scrolling="auto"`可以自动根据内容显示滚动条。 ### 使用JavaScript解决滚动条问题 对于第二种情况,即允许iframe根据内容自动伸展的情况,推荐使用JavaScript来动态调整iframe的...
iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢? 一:去掉全部的滚动条 第一个方法: ...
在这个问题中,我们关注的是如何在layer弹出层中的iframe层去除滚动条,以保持页面的整洁和用户体验。 首先,让我们深入理解一下涉及到的几个概念: 1. **layer**:Layer是基于jQuery的一个轻量级的弹窗插件,提供...
然而,这种方法的一个问题是,如果有新的消息被添加,滚动条不会自动滚动到新消息所在的位置。为了解决这个问题,我们需要动态地调整滚动条的位置。 我们可以监控新消息的插入,并在新消息添加后,计算出新消息的...
iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。 问题重现: 结构: index.html : <style> #iframe{height:500px;} </style> ...
- 使用CSS可以改变Iframe的外观,例如隐藏默认滚动条,自定义滚动条样式,使用`overflow: hidden;`隐藏滚动条,或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式(仅限Webkit内核浏览器)。 6. **浏览器兼容...
滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改
iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...
一个常见的需求是让iframe能够自动调整尺寸,以便其内容能够完整显示,而不需要出现浏览器的滚动条。相反,我们希望页面上出现滚动条,而iframe内部则不需要。为了解决这个问题,我们可以编写相应的Jquery代码,通过...
刚开始,以为只要滚动iframe里面的元素就行了,页面所有元素都在section里面,就通过section使滚动条滚动 $('section.layui-larry-box').scrollTop(300); 可想而知,不行 然后,又试了div啥的 最后直接试了包含这...
此插件不仅适用于常规的页面滚动,还能够应用于框架(如 iframe)、弹出框、对话框内的滚动条美化,使得整个网页的滚动体验保持一致。 **5. 使用步骤** - **引入库文件**:首先,你需要在页面中引入 jQuery 和 ...
"让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中,我们常常需要让某个DIV元素固定在页面的某个位置,而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现,特别是使用fixed值。...