Add fullPage.js to Foundation

Question

Im interested can I add fullPage.js to Zurb's Foundation? If so does anyone knows a good tutorial on this topic? I need to create a page with static background image, with scrollable sections using fullPage.js

Note: I've tried to combine them but, with no success

Answer 1

Foundation is just a front-end framework such as BootStrap, you shouldn't have any problem to implement the jQuery plugin on your site.

You just have to create the needed structure and include the needed files as specified in the fullpage.js documentation.

You can also take a look at the living examples source code.

Answer 2

It seems there is a conflict between foundation's and ajax.googleapis.com jquery needed by fullPage.js. As soon as I removed from my index.html the following line ...

<script src="js/vendor/jquery.js"></script>

... fullPage.js started working.

Don't know how this will affect my Foundation, but for now I have grid and topbar working.