This jarallax animation has mutiple controllers.
All Jarallax controllers can work simultaneously together.

Jarallax controllers

Drag and drop controller: drag the button below to the right to ajust the animation position
Keyboard controller: press the down key on the keyboard to ajust the animation position
Mousewheel controller: scroll down with the mousewheel to ajust the animation position

Arrow Question Logo

What are Jarallax controllers?

Jarallax is an animation library you can use with custom controllers. Instead of timebased animations you can control the animations with everything you want. Jarallax controllers tell Jarallax at what position the current animation is and updates the CSS accordingly.

How do you use it?

Every Jarallax animation uses an animation controller. By default Jarallax uses a Scroll controller. Jarallax controllers are defined when constructing the Jarallax instance. var jarallax = new Jarallax(new ControllerScroll());

building a custom controller

Each Jarallax controller has an "activate" Method, "deactivate" Method and a custom method for updating.

Activate: this method is initiated when the Jarallax instance is created.
Deactivate: this method is optional, it usually removes event listeners which where created using the Activate method.

View blog post for more information