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%';
}