Question

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

Answer 1

在绝对模式下，当关键帧位于嵌套元素中时，我注意到了同样的事情。一旦我把它们拿出来，它就会消失。 E.g。

断断续续：

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

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

1 个答案: