为什么 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，今天稳定。