Javascript Jquery | |鼠标移动时限制和平滑可移动div

我正在尝试重建雕像在背景中的悬停/鼠标移动效果：

我现在得到的是

  $('.phone-container').on('mousemove',function(e){
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetLeft;
          $('.phone-front').css({'right': x}); 
          $('.phone-front').css({'bottom': y}); 

  });

这使手机移动，但我不知道如何限制它，创造同样的平滑效果

---

你们中有谁能给我解释一下怎么做最好吗？

我在另一篇帖子上找到了我的答案：

---

你有让它在toyfight上工作的代码。。阅读并找出答案。@SamAxe不完全理解你的意思吗？我没有ToyFight的代码当然有。@SamAxe你能不能别那么含糊？：）因为我发布的代码不是ToyFighty的代码我很高兴你找到了答案。不那么含糊：你已经在窗帘后面偷看了。你知道网络浏览器并不神奇。它们使用纯文本文件（html、javascript）。如果网络浏览器可以获取代码，那么您也可以。

$(document).ready(function () {
    $('#layer-one').mousemove(function (e) {
        parallax(e, this, 1);
        parallax(e, document.getElementById('layer-two'), 2);
        parallax(e, document.getElementById('layer-three'), 3);
    });
});

function parallax(e, target, layer) {
    var layer_coeff = 10 / layer;
    var x = ($(window).width() - target.offsetWidth) / 2 - (e.pageX - ($(window).width() / 2)) / layer_coeff;
    var y = ($(window).height() - target.offsetHeight) / 2 - (e.pageY - ($(window).height() / 2)) / layer_coeff;
    $(target).offset({ top: y ,left : x });
};