码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-01-14 15:06:23      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:问题   浏览器   版本   代码   amp   doc   自适应   @param   asc   

问题描述:在上一篇文章"非跨域情况下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页面,从内容长的页面切换到内容短的页面,滚动条不会消失的问题解决(二)

标签:问题   浏览器   版本   代码   amp   doc   自适应   @param   asc   

原文地址:https://www.cnblogs.com/chaoyueqi/p/10266023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!