jQuery waypoints 触发器

Question

代码如下：JSFIDDLE

问题：当我滚动到它时，我希望该元素 bounceInDown 显然是这样。但是，您注意到该元素已经存在了一秒钟，然后在它执行动画后 bounceInDown 是否有任何解决方案。 此外，我正在遵循此模板 Halcyon Days BootStrap Template。如果您转到 link 并向下滚动，您会看到 "Creative Portfolio Theme" 一开始不存在，但是当您滚动到它时，它 fadeInLeft 就我而言，这没有发生。我想处理那个。 任何帮助将不胜感激！

Answer 1

您的偏移值位于 75%，这意味着回调在到达视口中的那个点之前不会触发。将偏移量更改为 100%，您将看到您所期望的结果。

See example.

编辑

也许您应该在元素开始动画之前隐藏该元素，并在动画开始时显示它。您可以使用 CSS:

轻松完成此操作

#intro .wp1 {
    opacity: 0;
}

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

Example