Question

我想用jQuery在我的页面上触发一些元素我滚动到它们。这是HTML部分（它包含一些引导代码）：

  <section class="intro text-center section-padding" id="intro">
    <div class="container"> 
    <div class="row">
        <div class="col-md-8 col-md-offset-2 wrapper wp1">
           <h1 class="arrow">We create the awesome</h1>
           <p>From Photo-Manupilations to flat designs, we do it awesomely!</p>
        </div>
    </div>
    </div>
 </section>

以及本节的CSS部分：

.intro {

         background:#f3f5f8;
    }

    .intro .wrapper {
        padding:30px;
    }

和JS部分：

    $(document).ready(function() {

        $('.wp1').waypoint(function() {
            $('.wp1').addClass('animated bounceInDown');
        }, {
            offset: '75%'
        });

});

问题：当我滚动到它时应该bounceInDown但是当我滚动到元素时，它已经存在并且在一秒之后它bounceInDown。我已经尝试了所有的东西，并尝试让路点适用于其他元素，但它们已经存在，然后它们会执行选定的动画。我觉得我没有清楚解释，所以我收录了我的视频，说明问题，希望这对你有所帮助。 https://vimeo.com/118403013 这是我的代码，您可以看到自己的JSfiddle

jQuery航点没有正确触发

0 个答案: