IE11 - 滚动条闪烁

时间:2021-02-03 06:18:04

标签: javascript jquery css iframe internet-explorer-11

我的 Web 应用程序在顶部有一个 SideNav(左侧)和水平导航。

的高度始终基于加载内容的高度。我有一个“resizeMe”功能。

但现在我遇到的问题是在加载(iFrame)时滚动条短暂闪烁,然后再次消失。有没有办法让滚动条在 IE11 中默认消失?

我已经在 :

上尝试了以下属性
<iframe name="Source" 
        id="Source" 
        src="" 
        frameborder="0" 
        scrolling="" 
        style="height: 905px; overflow: hidden; -ms-overflow-style: none;" 
        onload="resizeMe()">
</iframe>

计算高度

谢谢! :)

1 个答案:

答案 0 :(得分:0)

我有一个网站,它嵌入了另一个页面,其滚动条是隐藏的,甚至不显示在 IE 11 中(加载时)。我在嵌入式站点中使用的代码是:

  • scrollbar-width:none;
  • -ms-overflow-style:none;(你用过这个,试试其他的)
  • ::-webkit-scrollbar{width:0}

    您已经使用了 overflow:hidden;,它不仅隐藏了滚动条,还禁用了滚动,因此如果您想禁用,使用 -ms-overflow-style:none; 将毫无用处滚动,因为您已经使用了 overflow:hidden;。上面的代码隐藏了滚动条,但启用了滚动(不像 overflow:hidden;
    我建议您,如果您嵌入了一个属于您的网站,那么请尝试将这些代码放入您的嵌入网站中。
    而且我不认为 iframe 的滚动条样式将根据 this Stack Overflow answer 在主要浏览器中遵循。