我有一个视差网站，我使用transform：translate（）和过渡属性移动一些元素以获得漂亮的动画效果。唯一的问题似乎是Mac上的Safari，我面临一些奇怪的闪烁效果。
我注意到这是一个已知的问题，我已经尝试了大多数建议的修复程序“-webkit-backface-visibility：hidden;”，“translate3d（）”和其他一些但似乎没有元素有一个背景图像。我正在做的就是为变换属性设置动画，如下所示：
el.style["transform"] = "translate3d(0px," + topDistance + "px,0px)";
以下是问题的演示：
它使用滚动事件上的bg-image为div设置动画。