Pagepiling- A jQuery Plugin For Fullsceeen Scrolling Websites

Pagepiling.js is a jquery plugin to create a full page scrolling website which is supported by all modern browser. It’s also mobile & touch friendly. Let’s find out how we can implement this plugin in our project.

Step 1:  First of all, download the latest version of pagepiling from here .Now copy jquery.pagepiling.min.css  & jquery.pagepiling.min.js  files to your project folder and link them to your html file.

Step 2:  Now it’s time to add some HTML markup for the plugin.Each section will be defined with a <div> containing the section class. The active section by default will be the first section, which is taken as the home page. Here is the HTML markup:

<div id="pagepiling">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
</div>

Step 3: Now all you need to do is call the plugin inside $(document).ready function in your js file

$(document).ready(function() {
    $('#pagepiling').pagepiling();
});

That’s it. I hope the plugin is working well. To explore more options & functionality please visit pagepiling official site.

HAPPY CODING!!!