On Screen Detector

✅

Link to the plugin page: https://zeroqode.com/plugin/on-screen-detector-plugin-for-bubble-1695227841468x540702899259671000

Demo to preview the plugin:

✅

Live Demo: https://plugindemos.bubbleapps.io/onscreen?utm_source=zeroqode&utm_medium=referral&utm_campaign=btn_demo_plugin

✅

Bubble Editor: https://bubble.io/page?version=live&id=plugindemos&name=onscreen&tab=Design&type=page

Introduction

The On Screen Detector plugin is a powerful no-code tool that monitors the visibility of any element on your webpage. It tracks when an element enters or leaves the screen and allows you to trigger workflows at exactly the right moment. This makes your application more dynamic, efficient, and responsive to user behavior.

Key Features

Name	Description	Type
Element ID	The ID of the element you want the detector to track. • Set this to the ID attribute of your target element. • Leave it as This if you want the detector to track itself.	Text
Threshold	Controls how much of the element must be visible before it is considered in view. • 0 = any small portion is enough (default) • 0.5 = at least half must be visible • 1 = the entire element must be visible	Number
	Offsets
Top Offset	Adds extra spacing from the top before the element is considered visible.	Number
Bottom Offset	Adds extra spacing from the bottom of the screen.	Number
Left Offset	Adds extra spacing from the left side of the screen.	Number
Right Offset	Adds extra spacing from the right side of the screen.	Number

Title	Description	Type
Is On Screen	Indicates whether the element is currently visible in the viewport. Returns yes when visible and no when not.	Checkbox (yes/no)

Title	Description
Enters Screen	Triggered when the element becomes visible within the viewport.
Exits Screen	Triggered when the element leaves the viewport and is no longer visible.

On Screen Detector

Demo to preview the plugin:

Introduction

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure Properties

Plugin Element Properties - On Screen Detector

Fields

Exposed states

Element Events

Changelogs

Update 08.07.25 - Version 1.14.0

Update 17.06.25 - Version 1.13.0

Update 26.02.25 - Version 1.12.0

Update 19.11.24 - Version 1.11.0

Update 15.09.24 - Version 1.10.0

Update 15.08.24 - Version 1.9.0

Update 23.07.24 - Version 1.8.0

Update 14.06.24 - Version 1.7.0

Update 30.05.24 - Version 1.6.0

Update 19.10.23 - Version 1.5.0

Update 12.10.23 - Version 1.4.0

Update 18.09.23 - Version 1.3.0

Update 13.09.23 - Version 1.2.0

Update 13.09.23 - Version 1.1.0

Update 13.09.21 - Version 1.0.4

Update 04.02.18 - Version 1.0.3

Update 04.02.18 - Version 1.0.2

Update 04.02.18 - Version 1.0.1

Update 04.02.18 - Version 1.0.0