已解决,关于加入购物车飞入效果的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');
}
});

效果是这样

已解决,关于加入购物车飞入效果的jquery.fly.js插件_第1张图片

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

已解决,关于加入购物车飞入效果的jquery.fly.js插件_第2张图片

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

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


你可能感兴趣的:(已解决,关于加入购物车飞入效果的jquery.fly.js插件)