Question

我正在使用两个着名的插件 wow.min.js 和 jquery.fullpage.js ，但是当我在同一页面使用它们时，其中一个不起作用，帮助我请。我正在使用这两个脚本来调用它们。

<script type="text/javascript">
    $(document).ready(function() {
        $('#fullpage').fullpage({
            anchors: ['firstPage', 'secondPage', '3rdPage'],
            sectionsColor: ['#97cbd6', '#40434b'],
            navigation: true,
            navigationPosition: 'right',
            navigationTooltips: ['First page', 'Second page', 'Third and last page']
        });
    });
</script>




  <script>
        new WOW().init();
    </script>

Answer 1

您只需阅读fullPage.js FAQs。

Parallax，以及许多其他依赖于网站滚动的插件，会侦听javascript的scrollTop属性。 fullPage.js实际上并不滚动网站，但它会更改网站的top或translate3d属性。仅当使用fullPage.js选项scrollBar：true或autoScrolling：false时，它才会以scrollTop属性可访问的方式实际滚动网站。

所以...只需使用scrollBar:true。或者使用fullpage.js回调添加或删除类来创建动画，就像在fullPage.js的examples文件夹中提供的Apple iPhone 5C demo一样。

使用wow.min.js和jquery.fullpage.js

1 个答案: