MARKETPLACE
PLUGINS
ON SCREEN DETECTOR
On Screen Detector logo

On Screen Detector

Published February 2018
   •    Updated today

Plugin details

The On Screen Detector plugin is a powerful no-code tool that monitors the visibility of elements on your web page. This plugin allows you to detect when an element enters or exits the screen, providing enhanced control over dynamic content. Ideal for triggering animations, loading elements, or analytics tracking, this plugin makes your application more interactive and responsive to user behavior.
Usage Features:

- Detects when an element appears or disappears from the screen.
- Set a customizable threshold to control visibility sensitivity.
- Offset settings for precise control over detection margins (top, bottom, left, right).
- Events for triggering workflows when elements enter or exit the viewport.
- Can be used to initiate animations, lazy-loading, or analytics tracking when elements are visible.

 




Feedback



FAQ

- How does the threshold setting work?  
The threshold controls the percentage of the element that needs to be visible before it is detected as "on screen." A threshold of 1 means 100% visibility is required.

- Can I adjust the detection area for specific parts of the screen?  
Yes, you can use the offset settings (top, bottom, left, right) to create custom margins, defining the area where the detection will occur.

- What kind of actions can I trigger with this plugin?  
You can trigger any workflows or actions when the element enters or exits the screen, such as animations, content loading, or analytics events.

- Does the plugin work for all types of elements?  
Yes, the On Screen Detector works with any element on the page that has a unique ID, making it highly versatile.

- Can I use multiple detectors on the same page?  
Absolutely, you can have multiple On Screen Detectors on the same page to monitor various elements independently. Each detector functions individually based on its specific settings.







Other plugins from Zeroqode

- User device type detector Plugin for Bubble
- Page Close Detector Plugin for Bubble
- CleanTalk Spam Detector Plugin for Bubble




Support

If you still have questions or an unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!


Donations

🔥 Please support our efforts to keep this plugin free—your donations help us invest the time and resources needed to continue maintaining and improving it for everyone's benefit:  https://zeroqo.de/support.

Free

For everyone

No ratings yet
5.6K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

 logo
Joined 2025
View contributor profile

Instructions

To use, you have to point the On Screen Detector element to the ID of the element you want to monitor. In your project settings, under General, make sure "Expose the option to add an ID attribute to HTML elements" is enabled.
Now go to your element's properties, at the bottom you will see "ID attribute". Add a name here, then in the On Screen Protector properties, add it under ID.
Alternatively leave it as "This" to detect the On Screen Detector itself.

Types

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

Categories

This plugin can be found under the following categories:
Visual Elements   •   Media   •   Web Scraping   •   Technical   •   Productivity   •   Data (things)

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble