Fullpage.js Page Integration

Design help Custom code
13

So, for me it only worked when I added the <li> element. It did not work on <a> elements for me too.

  1. make a <ul>

  2. make some <li> elements inside it

  3. set each <li> with a data-menuanchor attribute.

  4. make sure data-menuanchor attribute of your <li> matches exactly the same with each corresponding Section’s data-anchor attribute.

  5. Check your custom code (site settings → custom code) it should have the same AnchorNames as you defined for both sections and navs in step 3 and 4.

  6. make sure you set an ID for the <ul> and specify the same in your custom code.

something like this:

$('#fullpage').fullpage({
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],
    navigation: true,
    menu: '#myMenu'
});

I guess this should help.

here is a working thing:

http://uxdeck-fullpage.webflow.io/

1 Like