Forum Academy Marketplace Showcase Pricing Features

Parallax effects on images and things

There are probably a number of ways to do this but this is a way that I found to work.
[this is from my reference and anyone that finds it useful]

See examples here: paroller.js

Load the script in the page header
image

Ensure you have enabled the ability to expose IDs on elements

Add the classify plugin: 🔥 Classify: A tiny plugin that brings CSS power to Bubble (to add CSS class names)

Add the Toolbox plugin: Toolbox Plugin | Bubble (to run Javascript)

Now on the image or whatever you want to add some movement to create a class like:
{addClass: “go-right”}

and add it to the element:

Now go to workflows and on page load run javascript
image

you can find more parameters in the demos: paroller.js

There we have it :slight_smile: enjoy.

5 Likes