jQuery waypoints触发器

Question

以下是代码：JSFIDDLE

问题：当我滚动到它时，我希望元素为bounceInDown。但是，你注意到该元素已存在一秒钟，然后在它完成动画bounceInDown之后是否有任何解决方案。 另外，我正在关注此模板Halcyon Days BootStrap Template。如果您转到该链接并向下滚动，您将看到＆＃34; Creative Portfolio主题＆＃34;最初没有，但当你滚动到它时，它fadeInLeft 在我的情况下，这没有发生。我想解决这个问题。 任何帮助将不胜感激！

Answer 1

您的偏移值为75%，这意味着回调不会触发，直到它到达视口中的那个点。将偏移量更改为100%，您就会看到自己期待的内容。

See example.

修改

也许你应该在动画之前隐藏元素，并在动画开始时显示它。你可以用CSS很容易地做到这一点：

#intro .wp1 {
    opacity: 0;
}

#intro .wp1.animated {
    opacity: 1;
}

Example