问题:

新版本的-webkit- 内核浏览器 在tab切换时,iframe 内容区 丢失滚动条

如下图

谷歌内核浏览器  iframe内容的 tab切换  滚动条消失

虽然滚动条位置还在,可以垂直滚动,但滚动条不见了

 

 

解决思路:

让iframe重新计算宽高,重新渲染

 

easyui的tab切换解决代码:

 

            $('#tabs').tabs({
                // border:false,
                onSelect: function () {
                    var iframe = $("#tabs>div:nth-child(2) iframe")
                    iframe.height("99%");
                   // console.log(iframe.height());
                    iframe.scrollWidth;
                    iframe.height("100%");
                }
                })

如下图

谷歌内核浏览器  iframe内容的 tab切换  滚动条消失

 

相关文章:

  • 2022-01-02
  • 2021-04-02
  • 2021-12-26
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-30
  • 2021-07-10
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案