jquery - jQuery航点没有正确触发

jquery - jQuery航点没有正确触发,第1张

我想用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

最佳答案:

0 个答案:

没有答案
本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复