Dot navigation fixed to the side of the screen that jumps between the sections of a one-page site and shows where you are, with optional snap scrolling. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.
Live demo
This is a layout block: you put other blocks inside it, so the page you are reading is the demo.
What you can set
The One Page Scroller block has 3 settings panels. No code needed.
Set sections and Sections.
Set position, Style, Labels, Space for a sticky header (px), Snap to sections while scrolling, Page Up / Page Down jump between sections, Hide on phones and Name for screen readers.
Set 4 color settings.
How to use it
Settings
The full list, panel by panel, is in the One Page Scroller guide.
| Setting | What it does | Choices |
|---|---|---|
| Sections (Sections) | Choose one. | Find them, Choose |
| Sections (Sections) | A list you can add to, remove from and reorder. Each item has: label and HTML anchor of the block. | – |
| Position (Settings) | Choose one. | Left, Right |
| Style (Settings) | Choose one. | Dots, Lines, Numbers |
| Labels (Settings) | Choose one. | On hover, Always, Never |
| Space for a sticky header (px) (Settings) | From 0 to 200. | – |
| Snap to sections while scrolling (Settings) | The page settles at the start of the nearest section after scrolling. Long sections still scroll freely. | – |
| Page Up / Page Down jump between sections (Settings) | On or off. | – |
| Hide on phones (Settings) | On or off. | – |
| Name for screen readers (Settings) | Text you type. | – |
| Dots (Colors) | Color picker. | – |
| Active dot (Colors) | Color picker. | – |
| Label background (Colors) | Color picker. | – |
| Label text (Colors) | Color picker. | – |
Questions
Yes. One Page Scroller is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
