滚动后，jquery animate图像从错误的位置开始

Question

伙计我使用动画，点击按钮后图像会飞到我的购物车图标位置。虽然我可以让图像在滚动后飞到正确的位置，但是 我的按钮和起始点之间的距离。这是我引用的插件http://www.jqueryscript.net/other/Simple-Shopping-Cart-Plugin-With-jQuery-Bootstrap-mycart.html

我的代码如下。 pleaese给了我一些想法。谢谢你

    var goToCartIcon = function($addTocartBtn){
              var $cartIcon = $(".my-cart-icon");
              var $image = $('<img width="30px" height="30px" src="' + $addTocartBtn.data("image") + '"/>').css({"position": "fixed", "z-index": "999"});
              $addTocartBtn.prepend($image);
              var position = $cartIcon.offset();
              var w = $(window);

              $image.animate({
                top: position.top-w.scrollTop(),
                left: position.left-w.scrollLeft()
              }, 500 , "linear", function() {
                $image.remove();
              });
            }