Fast vs. Slow scroll of objects

Saola Animate Support Questions
4

Hi Shawn,

You can use the parallax scrolling technique which uses scroll event to control the animation:

  1. Set scene Overflow to Auto or Scroll in Properties > Scene tab.
  2. Insert content outside the scene so that the scene is scrollable
  3. Create animation as normal. In this sample, I just animate the clipping top property of the mask.
    You animation should be created in another timeline instead of the main timeline, otherwise Autoplay option in Document pane must be cleared so that the animation doesn’t play automatically.
  4. Add Run JavaScript action to scene Scroll event to control the timeline.

scroll2.saolapack (44.0 KB)

If you use wheel event instead of scroll event, you can ignore step 1 and step 2 (because this event occurs regardless of the scrollbars).

Regards

Parallax scrolling