Scroll Tabs

Let visitors jump between sections and always see where they are.

A sticky tab bar or side list whose active tab follows the section being read; sections hold any blocks and a tab click scrolls to its section.

Gutenberg block

Requirements

Open the page or post in the block editor.
Click + (Block Inserter) and search for Scroll Tabs — it is in the Moduly category.
Insert it, then fill in its content on the canvas. Ready-made presets appear when you insert it, and later under Transform to in the block toolbar.
Adjust it in the right sidebar: the Block tab holds the settings below, and the Styles tab its colours, typography and spacing.
Add or reorder items with the + inside the block; each item (Scroll Tab Section) has its own settings when selected.

Setting	What you can set
Tabs	top or side
Look	line, pill, boxed or list
Side	left or right
Tab alignment	left, center or stretch
Numbers	On / off
Reading progress under each tab	On / off
Name (screen readers)	Text
List width (px)	160–420
Tabs	Colour

Setting	What you can set
Tabs stay on screen	On / off
Space above the sticky tabs (px)	0–200
A section counts as read when it reaches (% down the screen)	5–60
Put the section in the address when a tab is clicked	On / off
Tab name as a heading on each section	On / off
Heading tag	h2, h3 or h4
Space between sections (px)	0–200
Accent (indicator, numbers)	Colour
Active tab	Colour
Bar background	Colour

Section

Setting	What you can set
Tab name	Text
Small text under the tab name (side list)	Text
Address name	Text

Styles tab: spacing, from WordPress's own design tools.

Start with the Look choice — it changes the overall look the most; fine-tune the rest afterwards.
Visitors who ask their device for reduced motion get a calmer, still version automatically.
Not sure where to start? Insert one of its presets and edit from there.

A theme with a fixed header needs the “space above the sticky tabs” offset.
Sticky positioning needs no overflow: hidden on a parent group.
Pre-existing elementorFrontendConfig is not defined front-end error for logged-in users (Elementor).
A change not showing on the live site is almost always a page cache — clear your caching plugin or host cache.