0

对不起，因为我是一名设计师，所以我不太了解 JavaScript。

我有两个处于相对模式的动画，当您最初查看它们时，它们会显示在它们的结束关键帧处，即使它们应该位于它们的开始关键帧处（在滚动时）。如果您以任何方式调整浏览器窗口的大小，它们会假定它们的行为正确并跳回它们应该在的开始关键帧。但是，如果您再次刷新页面，它们总是在最后的关键帧处加载，这让我认为它们得到了错误的视口大小或滚动位置。

这是网站：http: //vostrocity.dreamhosters.com/#skills

例如，除非我调整窗口大小，否则以下仅显示其结束关键帧：

<div id="venn-prototyping" class="venn" 
 data-100-top-top="transform[swing]:translate(0px,0px);" 
 data--100-top-bottom="transform[swing]:translate(-290px,600px);">
    <h2>Prototyping</h2>
</div>

我有一个绝对模式的动画，它可以在不调整浏览器窗口大小的情况下正常工作。

4

1 回答 1

2

确保在加载所有影响布局的图像时初始化 skrollr。例如，在examples元素内部，有一些图像会影响父元素的高度，从而影响维恩图相对于视口的位置（一旦加载图像，图就会向下移动）。由于此偏移，您的图表实际上是动画，但在它进入视口之前。

于 2014-02-10T17:32:19.340 回答