Page Scroll to ID
Add smooth page scrolling in Elementor with the Page Scroll to ID widget. Customize position, icons, text, tooltips, scroll speed, offsets, and mobile options. Perfect for one-page websites and landing pages.
Widget: Page Scroll To ID
Smoothly scroll to any section of the page with customizable position, style, and behavior.
Position
Choose where the scroll navigation appears on the screen:
Left Top, Left Center, Left Bottom
Right Top, Right Center, Right Bottom
Top Center
Repeater (Icon or Text with Tooltip)
Add multiple navigation items using icons or text labels. You can also enable tooltips to provide additional information when hovering.
Manage Offset
Set a custom offset to adjust the scroll position for better alignment with fixed headers or sticky menus.
Show After Scroll Offset
Decide after how much scrolling (in pixels) the navigation should appear, keeping the UI clean until users scroll down.
Section Offset
Define extra spacing between the scroll target section and the actual stop position for precise control.
Scroll Speed (Milliseconds)
Control how fast the page scrolls to the selected section by adjusting the scroll animation speed.
Hide Page Scroll on Screen Sizes
Option to hide the scroll navigation on selected devices for a better responsive experience.
Disable Tooltip on Mobile
Turn off tooltips on mobile devices to avoid overlapping or UI clutter on smaller screens.
Hashtag in URL
Enable or disable section hashtags in the browser URL when scrolling. Helpful for sharing direct links to specific sections.