Video Duration: 05 : 25
Video Overview
This video tutorial walks you through how to set up the One Page Scroll Navigation widget from The Plus Addons for Elementor. This widget creates a vertical scrolling navigation system where each section of your page scrolls as a full-screen panel, giving visitors a focused, slide-by-slide experience as they move through the page.
One Page Scroll Navigation
The One Page Scroll Navigation widget divides a long page into full-screen vertical panels that visitors move through one at a time. Each scroll step advances to the next section, making long-page layouts easy to navigate without manual scrolling. This design pattern works well for landing pages, agency portfolios, and product presentations where you want visitors to focus on one section at a time.
Offset Options: Adjust the scroll anchor position for each section.
5+ Navigation Styles: Choose from dots, lines, numbers, or custom icon styles.
Responsive Options: Control the navigation visibility on mobile and tablet separately.
Smooth Scroll: Transitions between sections with configurable animation speed.
Widget Demo: https://theplusaddons.com/elementor-widget/elementor-one-page-scroll-navigation/
Pricing: https://theplusaddons.com/pricing/
For a horizontal panel navigation alternative, see Horizontal Scroll Elementor Widget Settings Overview.
For scroll-triggered animations on individual elements within your page, see How to Add Magic Scroll Effect to Text in Elementor?
The One Page Scroll Navigation widget is part of The Plus Addons for Elementor, a plugin with 120+ widgets for building advanced Elementor websites. See the full documentation at https://theplusaddons.com/docs/.
