javascript - 当可见性改变时，IFrame 滚动条在 chrome 上消失

Question

Windows 上的谷歌浏览器在呈现 iframe 滚动条时是否有问题？

我写了一个非常简单的代码来显示正在发生的事情(至少我在 chrome 52.0.2743.82 m 上是这样):

  <button>Toggle visibility</button>
  <br />
  <iframe scrolling="yes" seamless src="https://en.wikipedia.org/wiki/Lorem_ipsum" frameborder="0" style="width: 700px; height: 300px"></iframe>

  <script type="text/javascript">
    $("button").on("click", function() {
      $("iframe").toggle();
    });
  </script>

Plunker link to code

当页面加载时，iframe 作为它的滚动条是可见的。

点击按钮隐藏和显示 iframe。滚动条消失。

这个问题显然只发生在 chrome 中。

有人遇到过这种情况吗？有任何修复/解决方法吗？

Answer 1

似乎错误出现在更新 Chrome 52.0.2743.82 ( http://googlechromereleases.blogspot.fr/2016/07/stable-channel-update.html )

一种可能的解决方法是使用属性 visibility 和 position: absolute 而不是 display 来显示或隐藏 iframe.

此项目存在一个 chrome 错误票:https://bugs.chromium.org/p/chromium/issues/detail?id=641881