切换iframe页面,从内容长的页面切换到内容短的页面,滚动条不会消失的问题解决

Posted chaoyueqi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了切换iframe页面,从内容长的页面切换到内容短的页面,滚动条不会消失的问题解决相关的知识,希望对你有一定的参考价值。

问题描述:在上一篇文章"非跨域情况下iframe 高度自适应的问题解决"的背景下,在低版本google浏览器下运行时,出现了一个问题,"当页面切换时,从内容长(有滚动条产生)的页面回到内容短(没有滚动条产生)的页面,滚动条不会消失",查找原因后发现,是iframe自适应函数在google低版本下不兼容导致的,以下代码为优化版,可以解决上述问题。

iframe自适应函数(可兼容低版本google)

/**
* @param ifm:原生方法获取的iframe对象
* iframeing:是不传参数时,默认的iframe的id和name
*/
function iFrameHeight(ifm) {
    ifm = ifm || document.getElementById("iframeing");
    if (ifm != null) {
        if (ifm.contentDocument && ifm.contentDocument.body.offsetHeight)
        ifm.height = ifm.contentDocument.body.offsetHeight;
    else if(ifm.Document && ifm.Document.body.scrollHeight)
        ifm.height = ifm.Document.body.scrollHeight;
    }
}

以上是关于切换iframe页面,从内容长的页面切换到内容短的页面,滚动条不会消失的问题解决的主要内容,如果未能解决你的问题,请参考以下文章

jquery 如何实现iframe页面的切换??

内容更新时跳页(从较长的内容到较短的内容)

iframe---切换目录显示相应内容

iframe内嵌别人页面,点击回退按钮,页面出错

Selenium 如何从 iframe 切换回主文档进行操作

selenium获取元素内容,iframe切换,和常用方法