BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Bright Addons

One Page Scroller block guide

Free

How to add the One Page Scroller block and what every setting does. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.

See the One Page Scroller block All block guides

Start

Add the block

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.

  1. Install the plugin

    Install Bright Addons Blocks Library from Plugins > Add New (search “Bright Addons Blocks”), or use Blocks Pro, which includes it.

  2. Add the block

    Open a page or post in the block editor, press +, and search for “One Page Scroller”. It is in the Bright Addons category.

  3. Set it up

    Open the block sidebar and work through Sections, Settings and Colors.

  4. Publish

    Preview the page on desktop, tablet and phone, then publish. The block loads its own CSS and JavaScript only on pages that use it.

Panel 1 of 3

Sections

Open the block sidebar and find the Sections panel.

Setting What it does Choices
Sections Choose one. Find them, Choose
Sections A list you can add to, remove from and reorder. Each item has: label and HTML anchor of the block. –

Panel 2 of 3

Settings

Open the block sidebar and find the Settings panel.

Setting What it does Choices
Position Choose one. Left, Right
Style Choose one. Dots, Lines, Numbers
Labels Choose one. On hover, Always, Never
Space for a sticky header (px) From 0 to 200. –
Snap to sections while scrolling The page settles at the start of the nearest section after scrolling. Long sections still scroll freely. –
Page Up / Page Down jump between sections On or off. –
Hide on phones On or off. –
Name for screen readers Text you type. –

Panel 3 of 3

Colors

Open the block sidebar and find the Colors panel.

Setting What it does Choices
Dots Color picker. –
Active dot Color picker. –
Label background Color picker. –
Label text Color picker. –

Questions

Good to know

Is the One Page Scroller block free?

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.

Do I need Elementor for this block?

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.

Will it slow down my pages?

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.

Does it work with my theme?

Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.

Bright Addons Blocks

Build with every block

Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.

See Blocks Pro prices See the One Page Scroller block