具有相同锚目标和动画的Skrollr元素在不同时间执行

时间:2014-08-22 09:55:22

标签: html css anchor delay skrollr

我有一个填充整个屏幕的背景div和标题中的一个条形图,它们应该同时为背景颜色设置动画。它们都具有完全相同的内联skrollr动画,例如

<div class="profile_bg animation_03" data-anchor-target="#raising-profile" data--400-bottom-top="background-color:rgb(253, 234, 237); opacity:1;" data-400-top-top="background-color:rgb(255, 248, 201); opacity:1;"></div>

<div class="grey-mask animation_03" data-anchor-target="#raising-profile" data--400-bottom-top="background-color:rgb(253, 234, 237); opacity:1;" data-400-top-top="background-color:rgb(255, 248, 201); opacity:1;"></div>

但.grey-mask的执行时间略晚于背景div。为什么会这样?它与位置有什么关系:3个重叠skrollr元素的绝对值(.grey-mask)?以下是问题http://bit.ly/1zaZfCY

的链接

由于

0 个答案:

没有答案