移动Safari（12.2）应用了错误的样式

Question

我有一个标题，根据滚动位置可以有2种背景类型：如果在页面顶部-透明，否则-红色。除移动Safari（iPad和iPhone）外，所有浏览器都可以正常运行。

在Safari检查器中，我看到应用了正确的样式，但实际结果是错误的。

Answer 1

所以问题在于标头具有transition: transform 0.6s, background 0.6s;

我更改为transition: 0.6s;并成功了！

我认为Safari由于一些优化原因而等待额外的滴答（事件循环）来重绘DOM