MARKETPLACE
PLUGINS
SCROLL TO ELEMENT PRO
Scroll To Element PRO logo

Scroll To Element PRO

Published September 2023
   •    Updated today

Plugin details

Ultimate scrolling plugin!
How to use tutorial video:  https://youtu.be/5iTDyJNgDuA?si=j-ymL6EIV5UNeuzP

What does this plugin do?

💯Make ideal solution for scrolling from reusable elements

⚡️Make links to each element in the page,

⚡️Scroll to the beginning, middle or end of each block

⚡️Create a smooth scrolling effect or instant (auto)

⚡️Works with reusable elements,

⚡️You can set the navigation in the landing page,

⚡️Create links to any block in your app (specific position),


🎚️We've added settings for better functionality!

You can set the scroll to:
➡️Start,
➡️middle
➡️ or end of the block.

With two available behaviors:
➡️ momentary / auto
➡️smooth

Just select an element by id or class name and scroll to the center, beginning or end position!

🕹️Test the functionality in the sandbox! 🕹️

https://addxnocode.com/scroll_to_element

BUBBLE EDITOR:

https://bubble.io/page?type=page&name=scroll_to_element&id=add-x-1&tab=tabs-1

—————————————————————

https://www.producthunt.com/@addx_plugins

https://twitter.com/add_x_plugins

Free

For everyone

5.0 stars   •   2 ratings
396 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Add-x Plugins logo
Add-x Plugins
Joined 2023   •   7 Plugins
View contributor profile

Instructions

Plugin has 1 action: Scroll To Element.
Action has these parameters:

- Element (id or class) - Choose element по id or class. Examples: #id1, .class1

- behavior - Determines whether scrolling is instant or animates smoothly. auto or smooth

- block - Defines vertical alignment. One of start, center, end, or nearest. Defaults to center.

- inline - Defines horizontal alignment. One of start, center, end, or nearest. Defaults to nearest.

Additionally, you can specify the ordinal number of the element if you're selecting by class.

- Ordinal number - Optional parameter, leave it as "0" if selecting by ID.

Tutorial: https://www.youtube.com/watch?v=5iTDyJNgDuA&t=93s

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Blog   •   Mobile   •   Containers   •   Technical   •   Small Business

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Helped me to create anchor jump link
January 8th, 2024
Great and easy tool for jump links! The feature that allows to choose the part of each block is amazing
Thanks a lot! We are very happy you like it! (plugin author)
February 13th, 2024
  •  
Add-x Plugins
Amazing
December 21st, 2023
This plugin will be very useful in my project. It's great that there are professionals like you to create cool things like this!
Really appreciate it! We will continue work on new tools! (plugin author)
December 22nd, 2023
  •  
Add-x Plugins
Bubble