已解决，关于加入购物车飞入效果的jquery.fly.js插件

我页面上有个position：fixed；的div，从这里面点击加入购物车飞出一个到顶部的 position：fixed；的header里面，这个div在页面下拉的时候是不动的，header也是不动的，这时候有个问题：在页面没有下拉的时候，抛物线正常（能从div到header），页面下拉的时候抛物线就会整体下移，现在还没搞清楚原因，动画代码如下：

var offset = $(".destination").offset();
var flyer = $(".origin");
flyer.fly({
start: {
left: event.pageX,
top: event.pageY
},
end: {
left: offset.left + 10,
top: offset.top,
width: 0,
height: 0,
},
onEnd:function(){
showMsg("添加成功",'toolTip-blue');
}
});

效果是这样

像这样在网页顶部的时候就是正常的

因为这个块是不动的嘛，然后页面向上拉的时候就变成了这样

求用过的大神指点一下，多谢了