MARKETPLACE
PLUGINS
SCROLLING ANIM8
Scrolling Anim8 logo

Scrolling Anim8

Published July 2020
   •    Updated this month

Plugin details

A plugin that allows you to trigger animations to show elements when you scroll to them. It negates the need to try and work out current scroll positions 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 required from the original trigger point
* Animation delay
* Animation duration
* Whether to animate once or every time the object is scrolled to

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.

Demo page: https://scrolling-anim8.bubbleapps.io

Free

For everyone

4.6 stars   •   5 ratings
3.5K installs
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Stuart B logo
Stuart B
Joined 2019   •   8 Plugins
View contributor profile

Instructions

1. Open the Settings for your Bubble app and open the General tab 2. Check 'Expose the option to add an ID attribute to HTML elements' option
3. Add a unique element ID to the 'ID Attribute' option at the bottom of the Property Editor for each Bubble element you wish to animate (note, these should be set to be visible on the page)
4. Add a Scrolling Anim8 element to the page
5. Enter the Bubble element ID(s) into the Element ID option of the Scrolling Anim8 element (for more than one just use a comma-separated list, eg. bubbleElement1,bubbleElement2, etc...)
6. Set up the rest of the options
7. Preview, scroll and watch the magic!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.6)

top plugin
April 6th, 2025
top
Is "fade" working?
April 29th, 2024
I see all of the animations works perfectly, but if a select the basic animated appearance (fade) nothing is happening. IS it a bug or I don't understand something?
Amazing plugin!
September 10th, 2023
The plugin is great and really appreciated that it is free for us new users who are developing their skills without ability for much expenditure! A little confused though with some of the instructions. Wish the instructions in the element panel were a little more detailed for some extra guidance. It was working fine but now the elements are disappearing on scroll rather than appearing and i'm not sure which setting to fix. I've tried all...
Works great!
October 3rd, 2021
Struggled with Classify and AOS.js library before finding this gem. Works as intended. :)
Works like a charm!
February 20th, 2021
Help a lot in reduce my page loading time due to heavy use of GIF. One idea for improvement: remove the requirement to set duration. Although currently there is some workaround with the "animate object everytime"
Bubble