fullPage.js not scrolling / no scroll possible

Question

I've been having this issue with fullpage.js not allowing me to scroll properly. Please see the issue at https://www.rewardslive.com/test

I have jQuery 1.10 loaded onto the site already, but the javascript code that is in question here is inline on the page, after along with the initialization code which is an extension of the document ready with no conflict in the rewardslive.js inline script.

Going to the page does not pose an issue, but when i try to scroll down, the url bar changes to https://www.rewardslive.com/test#secondPage - but there is no actual scrolling downward and no new content is updated. I want to keep the header as seen, in there for all intents and purposes.

Is there something I am missing here? All i want is the basic fullpage, 'scroll down function to see more' feature.

Thanks again, George

Answer 1

The javascript console shows this error:

Uncaught TypeError: Object # has no method 'easeInQuart'

Which means you are not importing the jQuery UI library which is needed by the plugin as specified in the documentation.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>    

Also, you have problems in your HTML markup as you can see highlighted in red here.

If you do not want to include the whole jquery UI library for just that single effect, you can use the easings file provided by fullPage.js that includes all of the jquery UI easings.