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

时间:2021-12-28 06:54:37

前言:在调试页面时发现谷歌浏览器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%';
}