Jump to content
Search Community

Samaritan

Members
  • Posts

    4
  • Joined

  • Last visited

Everything posted by Samaritan

  1. Thanks Jack - based on your response I've separated the the Lottie loading and the timeline creations, in effect moving the creation of the child timeline into the setTimeout function. https://codepen.io/SamaritanAU/pen/rNyNdvq
  2. Hi, I've got a main timeline and a number of child timelines, each of the child timelines controls a lottie animation and some html elements and moves them around in sync. All of it is working well however as we load the animations in and create the timelines for them, which can take a few seconds, some of the child timelines towards the end of the main timeline are affecting the html elements as they get created and I'd really like them not to, as it makes a bunch of things jump around during that loading process. You can see a cut down version of the problem in the attached codepen, if we add the tl2 directly to the main timeline without the setTimeout then it acts as we would expect, but with the setTimeout you can see that the item gets positioned to the start of the second child ani on load, but once the ani starts it acts as expected. Any help appreciated.
  3. Thanks all, great forum and community support! Jack - I take your point and I was trying for that but couldn't get it going, thanks for the sample as this has helped me get it very close to what I'm expecting. I'm now looking into starting the automated scroll up again once the scrub of scrolltrigger has finished and I think that will take it across the line. Cheers!
  4. Hello, We have an animation that is being constructed with a timeline, it has several child timelines but I'm not sure that is relevant to my question. I want the animation to be controlled by scrolling, which we are using a scroll trigger for, but we also want it to play by itself (i.e. the user clicks go and it plays through), if it's playing by itself and the user scrolls we want the animation to speed up a bit. Which I think the scrub property on the scrolltrigger with a number does. Is there an official way to handle that or will we need to code in a bunch of if and when and thens? Thanks for your help
×
×
  • Create New...