Using Draggable as scrollbar synchronized with Timeline

[BornToCreate 0 Likes (Newbie)]

Hello,

is there a possibility to manually set the position of my draggable element?

I want to use it as an scrollbar that move synchronized with my timeline and it should automatically get updated when the timeline continues.

 

Ive already added an onUpdate handler to my timeline and an onDrag handler to my draggable with all the calculations already implementet.

 

I just dont know how I can set the position of my draggable.

 

My Markup is the following:

<nav id="drag-nav">
  <div class="dragger"></div>
</nav> 

Javascript:

$dragNav = $("#drag-nav");
draggerInstance = Draggable.create(".dragger", {
  type: "y",
  bounds: $dragNav,
  onDrag: onDragHandler
})[0];

[Diaco 1,948 Likes (Superhero)]

Hi BornToCreate 

 

pls try this  : 

TweenLite.set(".dragger",{y:100,onComplete:Update});