Scroll Tabs

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

Tabs driven by scrolling: a snapping content box or a pinned section, with list/pill/dot navigation, counter, progress, templates and deep links.

Elementor widget

Requirements

Edit the page with Elementor.
In the widget panel, search for Scroll Tabs. Our widgets sit in the Moduly category and carry the Moduly badge.
Drag it onto the page.
Set it up in the Content tab, style it in the Style tab, and use Advanced for spacing, motion and visibility.

Setting	What you can set
Panels	each item: Navigation, Title, Subtitle, Icon, Link Name, Content, Text, Image, Template, Panel Background, … (12 in all)

Setting	What you can set
Scrolling	Inside a box (snaps panel by panel) or With the page (section pins while panels change)
Panel Change	Slide up, Cross-fade, Stack (cards pile up) or Zoom
Scroll Distance per Panel (vh)	30–200
Box Height	200–1000
Sticky Top Offset (px)	0–300
Navigation Position	Left, Top or Right
Navigation Width	15–60
Navigation Vertical Position	Top, Middle or Bottom
Navigation Style	List with active bar, Pills or Dots only
Number the Links	On / off
Counter (02 / 05)	On / off
Progress Bar	On / off
Stack as Sections Below	Phones (767 px) or Tablets (1024 px)
Update the Address Bar	On / off

Style tab: design controls for Heading & Side Panel, Navigation Links or Panels — colours, typography, spacing, borders and hover states.

Visitors who ask their device for reduced motion get a calmer, still version automatically.

Changes not showing on the live page? Regenerate CSS in Elementor → Tools → Regenerate CSS & Data and clear any page cache.