chrome浏览器iframe兼容性问题，隐藏起来再显示滚动条消失？

前言：在调试页面时发现谷歌浏览器bug，版本： 58.0.3029.81

问题描述：

1. 页面中，选项卡里面是IFrame，页面初始显示时有纵向滚动条出现

2. 来回切换选项卡一次，原来选项卡页面的滚动条居然消失了！！

3. 奇怪的时，此时在选项卡页面内滑动鼠标滚轮，还是能够上下滚动页面的

解决办法：在网上找了许多有关解决的方法，此方法如下：

1.应该从强制Chrome渲染入手，这次我们来改变高度。获得鼠标点击tab页签时触发改变函数：传递参数：当前iframe框架 iframeId

 

2：在当前iframe 添加样式:

style="width:100%;height:100%;border:none;"

 

3:添加函数调用改变高度，成功！

function fixSize(iframeId) {
        var iframe = document.getElementById(iframeId);
        iframe.style.height = '99%';
        iframe.scrollWidth;
        iframe.style.height = '100%';
    }