jQuery 航点触发

Question

这是代码：JSFIDDLE

问题：当我滚动到它时，我希望元素为bounceInDown，它显然是这样做的。但是，您注意到该元素已经存在了一秒钟，然后在它执行动画bounceInDown 之后有什么解决方案。 另外，我正在关注这个模板Halcyon Days BootStrap Template。如果您前往该链接并向下滚动，您会看到“创意组合主题”一开始并不存在，但当您滚动到它时，它会出现 fadeInLeft 在我的情况下没有发生。我想处理那个。 任何帮助将不胜感激！

Answer 1

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

See example.

编辑

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

#intro .wp1 {
    opacity: 0;
}

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

Example