safari - Skrollr - Safari 中非常不稳定的动画

Question

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

Answer 1

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

断断续续：

<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>