July 18, 2024

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.

pagepiling js open source

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.

Jake is a creative writer and UI designer by trade. You can follow him on twitter @jakerocheleau or learn more at his personal website JakeRocheleau.com.


Leave a Reply

Your email address will not be published. Required fields are marked *