Materialize:以 % 设置的 translateY 转换在 Safari 中不稳定

Materialize: translateY transformations set in % are jumpy in Safari

在 Materialize CSS 中,我发现在 % 中设置的 translateY 转换在 Safari 中不稳定。 iOS 和 MacOS 的 Safari 中也会发生同样的事情。

当在 pxem/rem 中设置转换而不是 % 时,跳动消失。

请参阅此 Fiddle 以更好地理解问题:https://jsfiddle.net/rz0zk5u6/224/

谁能解释为什么会这样?

我猜这与 translateY 中的 Safari 错误和 % 中设置的转换有关。请参阅 Fiddle 以获取修复问题的固定 px-fix 示例:https://jsfiddle.net/rz0zk5u6/224/