Hello,
I have following setup:
let tl = new TimelineMax();
tl.from('#draggableElParent', 1.5, {
opacity: '0'
}, "-=1.5")
let scene = new ScrollMagic.Scene({
triggerElement: '.container',
triggerHook: 0,
duration: "400%"
})
.setPin('.container')
.setTween(tl)
.addTo(controller)
const drag = Draggable.create("#draggableEl", {
type:"rotation",
bounds:{ minRotation:0, maxRotation:180 },
onDrag: function(){
// this won't work until animation is finished
}
})
The problem is I can't rotate this #draggableEluntil scene animation is finished. Is this bug or a problem in my configuration? It seems like only rotation doesn't work until animation is finished
Here I reproduced my problem: