使用Scrolloverflow.js + Fullpage.js包装的内容

Question

I use Fullpage.js together with Scrolloverflow plugin for my template:

$('#fullpage').fullpage({
    scrollOverflow: true,
    afterRender: function() {
        $("nav").on("click", "a", function() {
            ...
        }
    }
});

On the official website they say that I need to use delegation in order to work with content wrapped by the Scrolloverflow plugin. However, it doesn't seem to work in my case, because the click event doesn't work in my example. Any ideas?

Answer 1

Are you using the latest fullpage.js version? 2.8.1? That should work on desktops.

There's a known issue with iScroll.js that affect mobile devices.