Scroll Position Tracker

✅

Plugin page: https://zeroqode.com/plugin/scroll-position-tracker-plugin-for-bubble-1728509765735x457151946141179900

Demo to preview the plugin:

✅

Live demo: https://scrollactionsdemo.bubbleapps.io/

✅

Bubble Editor: https://bubble.io/page?version=live&id=scrollactionsdemo&name=&tab=tabs-1

Introduction

The Scroll Actions plugin allows you to seamlessly manage and track scrolling behavior within repeating groups or other scrollable elements. You can retrieve precise scroll positions, detect maximum scroll values, and programmatically scroll to specific positions. This plugin is ideal for dynamic content, interactive UI elements, and enhanced user navigation experiences.

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Element to Your Page

Step 3 – Configure Properties

Plugin Element – Scroll Actions

This element tracks scrolling behavior and exposes scroll-related states.

Field	Description	Type
ID of element	The HTML ID of the scrollable group or Repeating Group you want to track. Must match the element ID exactly.	Text

Name	Description	Type
ID of element	The ID of the scrollable group or repeating group that you want this plugin to track. This ID must match the HTML ID of the element on your page.	text

Name	Description	Type
Left Scrolling Position	The current horizontal scroll position of the target element, measured in pixels. A value of 0 indicates the element is scrolled to the far left.	number
Top Scrolling Position	The current vertical scroll position of the target element, measured in pixels. A value of 0 indicates the element is scrolled to the very top.	number
Max Top Scrolling Position	The maximum vertical scrollable distance of the target element, measured in pixels. This represents how far down the element can be scrolled.	number
Max Left Scrolling Position	The maximum horizontal scrollable distance of the target element, measured in pixels. This represents how far right the element can be scrolled.	number

Field	Value
Element ID	rg-1
Top px	0
Left px	200

Scroll Position Tracker

Demo to preview the plugin:

Introduction

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Element to Your Page

Step 3 – Configure Properties

Plugin Element – Scroll Actions

Fields

Exposed States

Workflow example

Changelogs

Update 19.08.25 - Version 1.8.0

Update 08.07.25 - Version 1.7.0

Update 19.06.25 - Version 1.6.0

Update 12.02.25 - Version 1.5.0

Update 03.02.25 - Version 1.4.0

Update 10.10.24 - Version 1.3.0

Update 06.03.24 - Version 1.2.2

Update 20.11.23 - Version 1.2.1

Update 11.01.23 - Version 1.2.0

Update 28.12.21 - Version 1.1.0

Update 12.10.21 - Version 1.0.1

Update 12.10.21 - Version 1.0.0

Update 12.10.21 - Version 0.0.4

Update 12.10.21 - Version 0.0.3

Update 12.10.21 - Version 0.0.2

Update 10.10.21 - Version 0.0.1