Fullscreen Scrolling Tiles with pagePiling.js

Parallax and page scrolling plugins are rather popular among the open source community. A new one to add into the mix is pagePiling.js.

This completely free open source plugin runs on top of jQuery for a unique “slide” design. Each section of the page slides out of the way while scrolling. It’s not exactly parallax, but it mimics a similar feeling in content.

Check out the live demo to see how it operates.

The interface is meant to behave like a pile of pages that move up on scroll. Navigation can be triggered through text links, or through traditional parallax dot buttons alongside the page.

Naturally pagePiling.js is fully responsive and works with mostly all web browsers including IE8+.

The plugin code is attached to a single page element based on ID, then run using custom options. So you can set the navigation direction, scroll speed, and even animation easing function by hand.

If you’re looking to get started gloss over pagePiling’s GitHub repo for official documentation + code snippets. There’s a lot of room for customization and this is certainly one of the best plugins you could choose.