Full Page Scroll for One Page Scrolling in Elementor Page Builder [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • Full Page Scroll widget combines Full Page JS, Multi Scroll JS, and Page Piling JS for unique one-page websites.
  • The widget offers 10+ Navigation Dots Styles that can connect with the Scroll navigation Widget for enhanced design.
  • Unique Paginate Options display the active slideu2019s number and total slides, improving user experience during scrolling.
Table Of Content
YouTube video
Video Duration: 06: 38

Video Overview

This widget is a 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 a collection of Full-page JS, Page Piling JS, and Multi Scroll Js. It has lots of customization 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 the Page Scroll widget’s styles with the “Scroll navigation Widget” and use all styles of that widget on your website.

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

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

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

Elementor Templates based
You can use any of our widgets in the 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 section.

This feature is part of The Plus Addons for the Elementor plugin. It’s awarded as a best Elementor third-party addons. It’s used by lots of designers and developers to supercharge 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/

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

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
LinkedIn X GitHub YouTube Website
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 Full Page Scroll widget isn't working as expected?

If the Full Page Scroll widget isn't functioning properly, first check if all required scripts are correctly loaded. This widget relies on Full Page JS, Multi Scroll JS, and Page Piling JS. Ensure that there are no JavaScript errors in the console that could interfere with these scripts. Additionally, verify that your Elementor version is compatible with The Plus Addons for Elementor, as outdated versions may cause issues.

Can I use the Full Page Scroll widget for a portfolio website?

The Full Page Scroll widget is ideal for creating unique one-page websites, including portfolio sites. It offers various scrolling styles and navigation options that enhance user experience. You can customize the scrolling behavior and integrate your portfolio sections seamlessly, making it visually appealing and easy to navigate.

What are the best settings for using the Full Page Scroll widget on mobile devices?

For optimal performance on mobile devices, consider disabling the scroll option in the Full Page Scroll widget settings. This allows the sections to function like standard sections, improving usability on smaller screens. The Plus Addons for Elementor provides responsive options to ensure a smooth experience across all devices.

How do the navigation dot styles work in the Full Page Scroll widget?

The Full Page Scroll widget includes over 10 navigation dot styles that can be customized to match your website's design. These dots indicate the active slide and enhance user navigation. You can connect these styles with the Scroll Navigation Widget to maintain a consistent look throughout your site, improving overall user experience.

Are there any limitations to using the Full Page Scroll widget?

One limitation of the Full Page Scroll widget is that it is designed specifically for one-page websites. If your site has multiple pages, this widget may not be suitable. Additionally, while it offers extensive customization options, overly complex designs may impact performance, especially on lower-end devices.

Last reviewed: April 11, 2026

Related Docs