Я использую GSAP
для анимации круга SVG x-position
для мыши clientX.
Круг находится в левой части страницы, и все работает нормально, когда я нажимаю возле источника кругов,Но когда я нажимаю больше справа от круга, анимация круга заканчивается все дальше и дальше справа от того места, где была нажата мышь.
Это код, который я использую для конечной позиции круга после анимации.
var offSet = sliderLine.getBoundingClientRect().x;
var newx = e.clientX - offSet;
TweenMax.to(sliderKnob, 0, {x:newx})