javascript - 移动滚动不适用于 fullpage.js 和 wow.js

Question

我正在使用 fullpage.js 创建我的网站，并尝试合并 wow.js 和 animate.css 来创建一些很酷的动画。在桌面上一切正常，但是当我将浏览器大小调整为移动设备大小时，我根本无法滚动。页面顶部的动画会加载，但在调整大小到更大的视口(viewport)之前根本无法滚动。

我已经在全页上尝试过“scrollOverflow: true”，但它不起作用。

这就是我的 app.js 的样子:

$(document).ready(function() {

wow = new WOW(
    {
        boxClass:     'wow',      // default
        animateClass: 'animated', // default
        offset:       0,          // default
        mobile:       false,      
        live:         true        // default
    }
)
wow.init();

$('#fullpage').fullpage({
    navigation: true,
    navigationPosition: 'left',
    navigationTooltips: ['Home', 'About Me', 'Skills', 'Portfolio', 'Contact', 'Hire Me'],
    resize: false,
    scrollBar: true,
    scrollOverflow: false,

    //RESPONSIVE
    responsiveWidth: 800,
    afterResize: function () {
        if ($(window).width() < 800) {
            //$.fn.fullpage.setAutoScrolling(false);
            var verticalNav = document.getElementById("fp-nav");
            $(verticalNav).hide();
        }
    }
});
});

Answer 1

I've tried the 'scrollOverflow: true' on fullpage, but it's not working.

而且...你为什么使用它？它的目的与您的问题无关...所以您应该将其关闭...