jQuery waypoints延迟

时间:2015-02-02 13:38:13

标签: jquery html css jquery-waypoints

当我滚动到它们时,我想要fadeInUp的三个元素。但是,现在是延迟部分,我希望在第一个出现之后出现两个元素。但是,问题是,它没有像预期的那样发生,它们都在同一时间出现。 这是小提琴:Fiddle

我希望在第一个之后出现两个黄色圆圈,延迟分别为0.5秒和1秒。我尝试将“delay-05s”和“delay-1s”类添加到元素中,但由于某种原因,它没有发生。 此外,这是我试图模仿的模板,转到那里,你会看到:Halcyon Days BootStrap Template

1 个答案:

答案 0 :(得分:1)

你几乎就在那里。

添加类以使用CSS动画延迟是正确的方法,但这些类没有在任何地方定义!

只需包含一些CSS即可应用动画延迟:

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

http://jsfiddle.net/4FNFW/141/