Materialize:以 % 设置的 translateY 转换在 Safari 中不稳定
Materialize: translateY transformations set in % are jumpy in Safari
在 Materialize CSS 中,我发现在 %
中设置的 translateY
转换在 Safari 中不稳定。 iOS 和 MacOS 的 Safari 中也会发生同样的事情。
当在 px
或 em
/rem
中设置转换而不是 %
时,跳动消失。
请参阅此 Fiddle 以更好地理解问题:https://jsfiddle.net/rz0zk5u6/224/
谁能解释为什么会这样?
我猜这与 translateY
中的 Safari 错误和 %
中设置的转换有关。请参阅 Fiddle 以获取修复问题的固定 px
-fix 示例:https://jsfiddle.net/rz0zk5u6/224/
在 Materialize CSS 中,我发现在 %
中设置的 translateY
转换在 Safari 中不稳定。 iOS 和 MacOS 的 Safari 中也会发生同样的事情。
当在 px
或 em
/rem
中设置转换而不是 %
时,跳动消失。
请参阅此 Fiddle 以更好地理解问题:https://jsfiddle.net/rz0zk5u6/224/
谁能解释为什么会这样?
我猜这与 translateY
中的 Safari 错误和 %
中设置的转换有关。请参阅 Fiddle 以获取修复问题的固定 px
-fix 示例:https://jsfiddle.net/rz0zk5u6/224/