Input range slider in GSAP Posted March 22, 2018 Hi everyone! I making familiar range slider and have a question. In my case left slider shouldn't go beyond the right one and vice versa. I did it, but question is: > How to set coordinates in % and save logic? When I set left property, other features doesn't work. TweenLite.set(this.leftKnob.target, { left: '0%', onUpdate: this.leftKnob.update, onUpdateScope: this.leftKnob }); TweenLite.set(this.rightKnob.target, { left: '100%', onUpdate: this.rightKnob.update, onUpdateScope: this.rightKnob }); So, I can use container.offsetWidth, but I think it's not a good idea. This way I must calculate this value every time on browser window size change. My code is See the Pen mxmoQz by shubich (@shubich) on CodePen .
Input range slider
in GSAP
Posted
Hi everyone!
I making familiar range slider and have a question.
In my case left slider shouldn't go beyond the right one and vice versa.
I did it, but question is:
> How to set coordinates in % and save logic?
When I set left property, other features doesn't work.
So, I can use container.offsetWidth, but I think it's not a good idea.
This way I must calculate this value every time on browser window size change.
My code is
See the Pen mxmoQz by shubich (@shubich) on CodePen
.