Skrollr-Safari中非常起伏的动画

我正在用skrollr建立一个页面，它工作得很好！我在Chrome、Firefox和IE中使用了它的工作方式。然而，在mac版本10.7.5上的Safari 6.0.5中，滚动时元素的动画非常不稳定。基本上，当我向下滚动时，它不会设置关键帧的动画。相反，它只是根据我滚动的位置跳转到某个关键帧。我不明白为什么它只在狩猎中这样做。很抱歉，由于保密协议，我无法发布该网站的链接。如果您对此有任何帮助或建议，我将不胜感激。

在绝对模式下，当关键帧位于嵌套元素中时，我也注意到了同样的情况。一旦我把它们拿出来，波浪就消失了。例如

波涛汹涌：

<section class="scene two" data-0="transform:translate(0%,100%);" data-100p="transform:translate(0%,0%);">
  <div class="box" data-100p="transform:translate(0%,100%);" data-200p="transform:translate(0%,0%);"></div>
</section>

平滑的：

<section class="scene two" data-0="transform:translate(0%,100%);" data-100p="transform:translate(0%,0%);"></section>

<section class="scene three" data-100p="transform:translate(0%,100%);" data-200p="transform:translate(0%,0%);"></section>

感谢您的回复。我在Safari上要做的就是使用这个-webkit转换：translateZ（0）；在元素上，正在执行重动画以强制硬件加速。这将使safari渲染像在3D中一样，并平滑动画。然而，它确实把我页面上的其他事情搞砸了。我使用这些属性来帮助解决这些问题-webkit背面可见性：隐藏-webkit透视图：1000；另外，如果您使用backgroundattachement对元素执行此操作：fixed；这肯定会把事情弄得一团糟，所以要注意这一点。@Peter谢谢，你的建议成功了。然而，我使用

-webkit转换得到了稍微好一点的结果：translate3d（0,0,1px）FWIW。再次感谢。