如何从当前鼠标位置开始将鼠标坐标设置为0,0

Question

我有一些与mousemove关联的动画，但是它从全局的身体位置开始跟踪。因此，当我刷新页面并开始移动鼠标时，它会有一点毛刺。

是否有任何方法可以重置坐标并将坐标从当前鼠标位置开始为0,0？用户在页面重新加载后将鼠标放在何处，它将从0开始？

这是我的代码：

var $body = $('body');
var WIDTH = $body.width();
var HEIGHT = $body.height();
var $layer1 = $ad.find('.layer-1');


function moveAd(e) {
var xPer = e.clientX / WIDTH;
var yPer = e.clientY / HEIGHT;  

var translateX = -5 + (xPer * 10);
var translateY = -5 + (yPer * 10);
var scale = 0.99 + (xPer * 0.08);


$layer1.css({
transform: 'scale(' + scale +') translateX(' + translateX + 'px) translateY(' 
+ translateY + 'px)'
}); 

}

$body.on('mousemove', moveAd);