How To Animate Javascript

fullpage.js is a javascript library that allows you to create abeautiful scrolling websites clean and very easy to setup, fullpage.js is becoming popular and used by many large company websites you can create both horizontal and vertical transition with fullpage.js in this video, we'll show you how to setup fullpage.js with your website first, start with downloading the library

How To Animate Javascript, you'll get a zipped project file with some examples,. but the actual files we need are just the css and js put these 2 files to your web directory the prerequisite of fullpage.js is that you need to have jquery included next, let's include the fullpage.js files

first, you'll need to create a wrapper div to wrap all of the content you want to use fullpage.js on let's id it "wrapper" next is to layout a structure of your website in fullpage.js, each vertical transition page is a "section" to create a section, just create a div and add a "section" class to it you can repeat this as many section as you want to have now, i'm going to add some image to each section here are the current page layout before we initialize the fullpage.js after you've reviewed and ok with the layout, the final step is to initialize the fullpage.js on your wrapper

just select your wrapper element and call fullpage() method on document ready event you'll see that fullpage.js automatically remove the scrollbar and scale the div to fit the browser in the next video, we'll talk about how to add horizontal page, how to add fixed navigation bar and more! if you like this video, don't forget to subscribe or share it :)