MARKETPLACE
PLUGINS
ON SCREEN DETECTOR
On Screen Detector logo

On Screen Detector

Published February 2018
   •    Updated this week

Plugin details

Detect when elements enter or leave the viewport with configurable thresholds and offsets. Trigger workflows on visibility changes to start animations, lazy-load content, or track on-screen events.
       



⚡ Main Functions:

Viewport Visibility Detection.  
    Detect when an element enters or leaves the visible screen area.
Threshold Control.  
    Define how much of the element must be visible to trigger detection.
Offset Settings.  
    Fine-tune detection margins from top, bottom, left, and right.

⚡ Key Features:

👀 Visibility Events  
      Trigger workflows when elements appear or disappear on screen.



Documentation

We’ve created a detailed step-by-step guide for the On Screen Detector Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

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.




Our Similar Plugins

- Element Viewport Detection Pro
- Repeating Group Visibility Detector
- Top Of Viewport Detector




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

3.9 stars   •   8 ratings
6.0K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/on-screen-detector
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

Average rating (3.9)

Detect when elements appear
August 5th, 2025
Used it to trigger animations when sections scroll into view works smoothly
Greetings, This is Anton from Zeroqode Support. We're extremely grateful for your review and happy to see that our solutions are up to your standards. Our mission at Zeroqode is to prioritize our users and their satisfaction. If you have suggestions or questions, or if there's anything specific you'd like to discuss, we invite you to reach out via our forum (https://forum.zeroqode.com/) or email ([email protected]). Best wishes, Anton
August 11th, 2025
  •  
Zeroqode - Top Bubble Agency
Just keeps bouncing, not sure what to do
April 16th, 2025
Even their demo doesnt work. Just bounces. Unusable.
Super pratique !
March 11th, 2025
Super plugin pour détecter des éléments sur votre page et l'équipe de Zeroqode est super réactive et disponible !
Greetings, This is Anton from Zeroqode Support. We’re so thankful for your positive review. It’s always rewarding to hear that our efforts are making a difference. Your feedback inspires us to keep improving our products. If you ever need assistance or have suggestions, please connect with us on our forum (https://forum.zeroqode.com/) or email us at [email protected]. We’re always happy to help. Thanks again for your feedback. Best wishes, Anton
March 12th, 2025
  •  
Zeroqode - Top Bubble Agency
Great plugin
February 21st, 2024
It's very cool and useful. One of my favorites. The plugin does its job 100 percent, it's clearly better than I expected, thanks guys.
Hello, Anton from Zeroqode Support here. Big thanks for leaving us a review. We’re thrilled to know you're satisfied with our plugin. At Zeroqode, ensuring our users' needs are met is what drives us. For any queries, suggestions, or discussions, our forum (https://forum.zeroqode.com/) and direct email ([email protected]) are always open for you. Best Regards, Anton
February 22nd, 2024
  •  
Zeroqode - Top Bubble Agency
Effective. Fast. Wow.
November 22nd, 2022
Such a useful plugin! And yes, please do keep it in the Plugin Directory!
Bubble