Just thought I’d release a new simple plugin that allows you to trigger animations to show elements when you scroll to them, namigly this one: Scrolling Anim8!
It negates the need to try and work out current scroll positions in order to show items because the plugin does that for you, which is handy!
This plugin includes 26 different types of animations, 20 different easing options and 9 different anchor placements (with the further option of using another element as an anchor).
Within the plugin you can configure the above options, as well as:
- Offset (px) required from the original trigger point
- Animation delay (ms)
- Animation duration (ms)
- Whether to animate once or every time the object is scrolled to
Many of these options can also be styled so you can use the same animation type for all pages without having to redefine all of the options each time.
Each Scrolling Anim8 element can also include any number of Bubble elements in a comma-separated list, although you can of course add just one Bubble element if you wish. I won’t judge. You can add any number of Scrolling Anim8 elements to the page to make varying and interesting transitions.
Let me know how you get on!