PagePiling js : Create amazing One Page Scrolling Website in Elementor Page builder [Video Tutorial]

Key Takeaways

  • PagePiling JS combines Full Page JS, Multi Scroll JS, and Page Piling JS for unique one-page websites.
  • The widget offers 10+ Navigation Dots Styles that connect with the Scroll Navigation Widget.
  • Responsive Options allow disabling scrolling on tablet or mobile devices for a normal section layout.
Table Of Content
YouTube video
Video Duration: 06:54

Video Overview

This widget is the combination of Full Page JS, Multi Scroll JS, and Page Piling JS. Which are most popular in unique one page websites.

3 Popular Scrolling Styles
Special Prev/Next and Paginate Options
10+ Navigation Dots Styles
Responsive and Cross Browser Support

3 Page Scrolling Variations
It’s collection of Full page JS, Page Piling JS and Multi Scroll Js. It have lots of customisation and responsive options available.

4+ Prev next Styles
Special Previous Next Icons styles and typography based styles to give more details to your one page websites.

10+ Navigation Dots Styles
You can connect Page Scroll widget’s all styles with “Scroll navigation Widget” and use all styles of that widget on your website.

Unique Paginate Options
It shows active slide’s number and Total slides on that page, and It increment or decrement on each scroll for better UX.

Continuous Looping Options
You can enable or disable looping option of all slides, It also have options to enable/disable top looping or bottom looping.

Responsive Options
Disable Scrolling option in tablet or mobile devices and make it work like a normal section in responsive way.

Elementor Templates based
You can use any of our widgets in elementor template and use those templates as a section in this widget to scroll.

Animations Compatible
All the plus on scroll animations and Elementor’s Scroll animations are tested and working fine on each scroll of section.

This feature is part of The Plus Addons for Elementor plugin. It’s awarded as a best elementor third party addons. It’s used by lots of designers and developers to super charge their Elementor website.

Above Feature/Widget URL : https://theplusaddons.com/elementor-widget/full-page-scroll/
Official Plugin Website : https://theplusaddons.com/
Purchase Link : https://theplusaddons.com/pricing/

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Page Piling JS widget isn't displaying correctly?

If the Page Piling JS widget isn't displaying correctly, check for JavaScript errors in your browser's console. Conflicts with other scripts or plugins can cause issues. Ensure that The Plus Addons for Elementor is properly installed and updated, as this widget relies on it for functionality.

Does the Page Piling JS widget support mobile devices?

The Page Piling JS widget includes responsive options that allow you to disable scrolling on tablet or mobile devices. This feature ensures that the widget behaves like a normal section on smaller screens, enhancing usability and accessibility for mobile users.

Last reviewed: April 11, 2026

Related Docs