`
270279long
  • 浏览: 10066 次
社区版块
存档分类
最新评论

iframe 无滚动条自动拉伸

阅读更多
<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;
    }
}
分享到:
评论

相关推荐

    JS去除iframe滚动条的方法

    然而,有时嵌入的网页内容尺寸可能会超过iframe的可视区域,这时浏览器会自动为iframe添加滚动条,以便用户能够滚动查看整个内容区域。虽然这对于某些情况可能是必要的,但在其他一些情况下,开发者可能希望去除滚动...

    外部滚动条控制iframe

    默认情况下,iframe具有自己的滚动条,当内容超出其可见区域时,内部的滚动条会自动出现。这种独立滚动行为是由`&lt;iframe&gt;`元素的`scrolling`属性决定的,该属性有三个可选值: - `auto`:浏览器自动决定是否显示...

    自动调节iframe高度,而不显示其滚动条 js

    ### 自动调节iframe高度,而不显示其滚动条 js #### 背景介绍 在网页开发过程中,经常会遇到需要在一个页面内嵌入另一个页面的情况,这时通常会使用HTML中的`iframe`元素来实现。然而,当嵌入的内容高度不确定或者...

    iframe水平滚动条定位右侧

    iframe水平滚动条定位右侧及其样式的基本设置

    完全搞定iframe(框架)里的滚动条.doc

    例如,在A页面的iframe标签中添加`scrolling="auto"`可以自动根据内容显示滚动条。 ### 使用JavaScript解决滚动条问题 对于第二种情况,即允许iframe根据内容自动伸展的情况,推荐使用JavaScript来动态调整iframe的...

    JavaScript中关于iframe滚动条的去除和保留

    iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢?  一:去掉全部的滚动条  第一个方法: ...

    layer弹出层 iframe层去掉滚动条的实例代码

    在这个问题中,我们关注的是如何在layer弹出层中的iframe层去除滚动条,以保持页面的整洁和用户体验。 首先,让我们深入理解一下涉及到的几个概念: 1. **layer**:Layer是基于jQuery的一个轻量级的弹窗插件,提供...

    iframe 上下滚动条如何默认在下方实现原理

    然而,这种方法的一个问题是,如果有新的消息被添加,滚动条不会自动滚动到新消息所在的位置。为了解决这个问题,我们需要动态地调整滚动条的位置。 我们可以监控新消息的插入,并在新消息添加后,计算出新消息的...

    IOS上iframe的滚动条失效的解决办法

    iframe内部html的滚动条不出现。并且活生生的从500px处截断,(类似overflow:hidden的效果)下面的内容不再显示。  问题重现: 结构:  index.html : &lt;style&gt;  #iframe{height:500px;} &lt;/style&gt; ...

    javascript经典特效---Iframe页面的滚动.rar

    - 使用CSS可以改变Iframe的外观,例如隐藏默认滚动条,自定义滚动条样式,使用`overflow: hidden;`隐藏滚动条,或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式(仅限Webkit内核浏览器)。 6. **浏览器兼容...

    滚动条样式设置

    滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改

    iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...

    Jquery iframe内部出滚动条

    一个常见的需求是让iframe能够自动调整尺寸,以便其内容能够完整显示,而不需要出现浏览器的滚动条。相反,我们希望页面上出现滚动条,而iframe内部则不需要。为了解决这个问题,我们可以编写相应的Jquery代码,通过...

    layui问题之自动滚动二级iframe页面到指定位置的方法

    刚开始,以为只要滚动iframe里面的元素就行了,页面所有元素都在section里面,就通过section使滚动条滚动 $('section.layui-larry-box').scrollTop(300); 可想而知,不行 然后,又试了div啥的 最后直接试了包含这...

    jquery.nicescroll仿IOS滚动条美化插件

    此插件不仅适用于常规的页面滚动,还能够应用于框架(如 iframe)、弹出框、对话框内的滚动条美化,使得整个网页的滚动体验保持一致。 **5. 使用步骤** - **引入库文件**:首先,你需要在页面中引入 jQuery 和 ...

    如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    "让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中,我们常常需要让某个DIV元素固定在页面的某个位置,而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现,特别是使用fixed值。...

Global site tag (gtag.js) - Google Analytics