Draggable knob inside a fixed container

[burnkit 0 Likes (Newbie)]

I have a Draggable "knob" that sits in a header with a fixed position. It initially works as intended, but once you start scrolling down the page it gets harder and harder to rotate the knob - almost as if there's resistance being added to the knob as you scroll further down.

 

Here's a quick codepen to demonstrate what's happening (scroll down and try using the knob): 

See the Pen hrvnw by anon (@anon) on CodePen

 

Is there a way to configure or adjust Draggable so that I don't have to do a workaround like temporarily setting the position of the header to absolute while the knob is being used?

[GreenSock 8,117 Likes (Superhero)]

Interesting - I hadn't anticipated that scenario, but thanks for pointing it out. Would you mind trying the attached [updated] version of Draggable which should factor in the scroll position? 

 

Just for the record, it had nothing to do with extra resistance - it's just that it was mis-plotting the rotation origin (pivot point), as if it were in the original position of the unscrolled page (in this case, at the top). 

Draggable_0.10.3_preview.zip

[burnkit 0 Likes (Newbie)]

The updated version is working great... thank you!

[burnkit 0 Likes (Newbie)]

Hello again!

 

I was just revisiting this and noticed that this fix doesn't work in Firefox (v30.0).

 

Can anything be done about this?

 

Thanks

[GreenSock 8,117 Likes (Superhero)]

I'm so sorry for the delayed response. Your question slipped through the cracks. I have attached a preview of the next release of Draggable - does that work better for you? 

Draggable_0.10.7_preview.zip

[burnkit 0 Likes (Newbie)]

This does work. Thanks again!