Streaming live at 10am (PST)

Div follows mouse x horizontally & based on VH

Hello guys, couldn’t find any topic on this.

I want to have a div to slide (left <-> right) according to where my mouse X is.
I managed that part, but I also want it to be responsive.

So no matter the value of VH, the div always only slide left until it’s right edge reach the viewport edge. I thought setting: MyDiv width = amount in VH would do the trick, but it doesn’t.

Probably need, in the interaction panel, to set the amount of displacement to be:
Mouse X 100% = MyDiv width in VH. But that’s not possible.

If anybody can help would be greatly appreciated!
The slider is at the bottom of the page in my shared link.

Cheers


Here is my public share link: LINK
(how to access public share link)