MARKETPLACE
PLUGINS
SMOOTH SCROLL
Smooth Scroll logo

Smooth Scroll

Published August 2019
   •    Updated March 2026

Plugin details

This plugin adds an action to scroll to an element, and you can specify the duration of the scrolling.
It also adds an action to scroll to the top.

It adds a state to detect scroll position (in pixels from top), so you can conditionally hide/show elements.

It also provides an invisible element that enables scrolling for #hash links.

$7

One time  •  Or  $1/mo

3.3 stars   •   3 ratings
60 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Bernát Kalló logo
Bernát Kalló
Joined 2019   •   1 Plugin
View contributor profile

Instructions

To create a "Scroll to top icon": 1. Add a Floating group at the bottom right corner of the page, set it to float relative to Bottom and Right.
2. Put an icon in it.
3. Add a workflow, and add an action from Plugins > Smooth scroll to top. You can set the duration in seconds.
4. Add a Smooth scroll element to your page
5. Add a condition to the Floating group, so that when Smoothscroll A's Scroll top < 60, the Floating group is not be visible.

To scroll to an element in an action:
1. Enable Settings > General > Expose the option to add ID attributes to HTML elements.
2. Add an ID to the target element
3. Add the Plugins > Smooth scroll action to your workfow. Enter the ID of your element and specify the duration in seconds. Specify the top margin so that the element is at the good position. Typically this is the height of your floating header if you have any.

To create a #hash link:
1. Enable Settings > General > Expose the option to add ID attributes to HTML elements.
2. Add an ID to the target element
3. Add a link, set it to External URL, and set the URL to #myid where myid is the ID of your element.
4. Add a Smooth scroll element to your page and set its duration property

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

Average rating (3.3)

Plugin does'nt work!!
August 23rd, 2025
Rubish!!
Excelent
August 18th, 2022
This plugin solved my problem. It's great to use when you need to load a lot of content like a RG with fixed cells. The effect is beautiful and very useful to inprove the UX.
Works perfectly, but can you remove console.log?
March 20th, 2022
Works great, but every time it's used it outputs the target element to the JS console. Can you turn this off please? Or make it a checkbox to turn on/off? Thanks!
Bubble