CODEWITHSUNDEEP
javascriptjqueryfullpage.js
sstaccato
sstaccato

Reputation: 57

Certain options not taking effect in fullpage.js

I'm using fullpage.js (which is brilliant), but I haven't been able to get a few of its options to have any effect. For example, the navigation won't appear, nor is the content vertically centered. Here is a link to the code I am using. These are the options that aren't taking effect so far:

$('#fullpage').fullpage({
    navigation: true,
    navigationPosition: 'right',
    verticalCentered: true
});

If anyone familiar with fullpage.js could take a look it would be much appreciated.

Upvotes: 1

Views: 307

Answers (2)

Patrick Hübl-Neschkudla
Patrick Hübl-Neschkudla

Reputation: 688

I did never use fullpage.js but I just checked out the source and your example.

This is what I came up with:

I'm not sure what's up with the "master" branch, but it seems like this is broken (or it only works with a specific version of jQuery).

You could however dirty-fix the navigation problem by adding a 

<div id="fp-nav"><ul></ul></div>

somewhere in your body.

The vertical alignment seems to work for me.

Upvotes: 2

Tyler Davis
Tyler Davis

Reputation: 913

It looks like your settings are being applied, but you are expecting the results to be different. for example, verticalCentered is working as you can tell by inspecting the page and seeing that vertical-align:middle is happening.

enter image description here

and your navbar is there, just not visible for some reason (maybe you need to pass in more settings? Not sure on this one.)

enter image description here

I am not sure what you are looking for it to look like exactly, but I would use chrome devtools if you aren't already to help check if things are actually changing.

Upvotes: 0

Related Questions