Js Waypoint + 偏移动画

Question

我的 JS 有问题。

我使用 waypoint + animate.css，当我写脚本时，这个脚本破坏了所有脚本。

这里是 HTML 代码：

<div id="elementanime1" class="col-sm-4 center">
    <div class="cercle-droite circle jaune-transparent">
        <div class="circle-inner">
            <div class="score-text">
                <h3 class="sous-titre-section-clair trait-s-t-clair">Events<br/>et congrès</h3>
                <a class="bouton-jaune" id="show-events-congres"><i class="fa fa-plus-circle"></i> En savoir plus</a>
            </div>
        </div>
    </div>
</div><code>

Js：

(function($){
    $(document).ready(function(){

      // hide our element on page load
      $('#elementanime1').addClass('fade');

      $('#elementanime1').waypoint(function() {
          $('#elementanime1').addClass('fadeInLeft');
      }, { offset: '50%' });

}})(jQuery);

网址link www.pier17.fr/la-fonderie

你能帮帮我吗？

Answer 1

您只是忘记了 document.ready

末尾的右括号

(function($){
    $(document).ready(function(){

        // hide our element on page load
        $('#elementanime1').addClass('fade');

        $('#elementanime1').waypoint(function() {
            $('#elementanime1').addClass('fadeInLeft');
        }, { offset: '50%' });

    });
})(jQuery);

Js Waypoint + 偏移动画

Js Waypoint + animate at offset

javascript

jquery-waypoints

animate.css