[PLUGIN] Animate & show elements when scroll position is reached

clockofdarkness · 2024-10-24T21:50:12.759Z

Hi Bubblers

I have submitted a plugin to the plugin market and is currently under review. In the meantime I want to share with you the idea.

The purpose of the plugin is to show and animate elements when the scrolling position has reached it’s target. The plugin expects an element ID for which you want to trigger an animation and show the element. But you are not limited to only animation, you could be create and trigger an action if the scroll position is reached as well.

But the main idea is about animating an element and to give your UI a modern feel.

In this example I have used my browser to animate and show the element once the scroll position reaches the end of the elements height.

chrome-capture-2024-10-24 (1)

In this other example I have set a condition, when the viewport is equal or smaller than a tablet then the element should trigger the animation and make it visible when it reaches 25% of the elements height.

chrome-capture-2024-10-24 (2)

I would love to hear your feedback!

Would you use this plugin? Will this add any value to your projects? Let me know

I will update this post once the plugin is available on the plugin market.

clockofdarkness · 2024-10-29T21:52:30.154Z

Hey Bubblers!

I just received the good news, the plugin has been approved and is now available in the market!

Check it out: Get element position Plugin | Bubble

Don’t forget to leave a feedback on this post!

Enjoy!