为什么translate3d（...）导致iframe上的滚动条？

Question

我有<iframe> overflow-x: scroll。当iframe的内容设置为transform: translate3d(0px, 0px, 0px)时，iframe底部会显示一个很小的固定滚动条，即使没有要滚动的内容：

如果不更改iframe的样式，有没有办法隐藏此滚动条？

我无法修改iframe的样式，因为我的应用程序嵌入了另一个难以修改的网站。

以下是一个工作示例：https://jsfiddle.net/wby66opd/

Answer 1

对于它的价值，这是Chrome版本51中的fixed，今天稳定。