baptistebriel

Hello, Using Draggable I am getting the same message in the console; GSAP encountered missing dependency: com.greensock.plugins.CSSPlugin Even with the changes that @andynormancx suggested (I'm using the latest version) it's still in the console. Thanks!

Perfect! Works like a charm, thank you very much Carl!

Hello, First of all I'm still amazed by GSAP and your work, by far the best animation library out there, thank you guys! I'm using a horizontal dragger on a project and would like to use side arrows to be able to move to a certain position of the dragger area — without dragging. So, my question is; does a method exists within draggable to go to a specific value in the bounds? Here's my initialisation code: this.draggable = new Draggable(this.ui.container, { type: "x", dragClickables: true, throwProps: true, edgeTolerance: 0.25, edgeResistance: 0.85, bounds: { minX: 0, minY: 0, maxX: -Math.abs(this.max), maxY: 0 }, onDragStartScope: this, onDragEndScope: this, onDragScope: this, onDragStart: this.onTouchStart, onDragEnd: this.onTouchEnd, zIndexBoost: false, cursor: 'inerhit' }); Note that I'm not using the `scroll` type, but only `x`. Therefore I cannot use a `scrollTo` method. I was wondering if you had a similar method already in the plugin. I would simply like to add eventListeners to theses arrows and move each time by 200px (for example) the draggable container to the left / right. Thank you a lot for your work and help. Wish you the best for 2016, Baptiste

Hello, I have some issues with `Draggable` and applying its bounds: First of all, creating an instance of Draggable will return an object, which seems pretty weird. It means that `this.dragger` could be accessed only with this.dragger[0]. this.dragger = Draggable.create('.section', { dragClickables: true, type: "x", bounds: { top: 0, left: 0, width: 2000, height: 0 }, edgeResistance: 1 }); this.dragger[0].applyBounds(); But calling `this.dragger[0].applyBounds()` will not update it; do you have any ideas why? I'm using the Draggable plugin from the `browser` field in the package.json as the plugin doesn't work with a regular `import` or `require` from npm (see - https://github.com/greensock/GreenSock-JS/issues/117) Thank you for your help! Baptiste

Thanks for the quick answer, Carl! Actually, I use a lot `TimelineMax`, as `TweenLite` was used here for the example. I guess the `add` method is what I was looking for! Thanks a lot

Hello! I am using a lot of `onComplete` callbacks as it's really useful to launch something when the animation is completed. Unfortunately sometimes when using a `easeOut`, the callback will be fired at the end of the animation - which is definitely what `onComplete` should do - but then the user has to wait for the whole animation to be completed. Sometimes it will add a 'fake' delay between the end of the animation (as the user perceive it) and the `onComplete` callback. A basic example would be to add a 'fake' scrolling at the end of the animation. TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut, onComplete: done}); `done` will be called a the end of the animation, when `this.page`'s opacity is at 0. Sometimes, I just do this: TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut}); TweenMax.delayedCall(0.9, done); So the callback is actually called 0.1 seconds before the animation stops; the user will not perceive any delays. But technically, the animation is not yet completed... What do you think about using `onComplete` like this: ? TweenLite.to(this.page, 1, {autoAlpha: 0, ease: Expo.easeOut, onComplete: {done, '-=0.1'}}); So we could add/remove time just like we do with multiple tweens inside a timeline. Let me know what you think! Thanks for building GSAP