溢出更改时滚动条闪烁

Question

我正在使用Chrome来模拟iPhone 6并使用开发人员工具。

我有一个滚动的容器。

当容器具有overflow:scroll或overflow:auto时，默认情况下隐藏滚动条，仅在实际滚动时显示。这是理想的行为。

但是当隐藏溢出然后在Developer工具中我从overflow:hidden更改为overflow:auto时，滚动条会闪烁（即显示一秒钟而不是消失）。

我不想在溢出改变时闪烁。我希望滚动条始终保持不可见（直到滚动实际发生）。

我希望有一个简单的CSS属性，我可以更改以消除闪烁。

修改

该应用程序专为所有浏览器和设备而设计，我在实际的Android手机上进行了测试，行为也是如此。

以上说明是您可以测试的最简单的情况。实际的故事是这样的： 容器有overflow-x：auto，当页面加载时会出现闪烁，这实际上困扰着我。

至于代码，我认为这足以重现：

HTML

<div id="container">
  <div id="contents"></div>
</div>

CSS

#container{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-x:auto;
  overflow-y:hidden;
  display:block;
}
#contents{
  position:relative;
  width:1000px;
  height:1000px;
  display:inline-block;
}

因此内容比触发溢出的智能手机屏幕（和容器）更大。 X或Y溢出没关系，让我们说它是溢出-x。