已解决,关于加入购物车飞入效果的jquery.fly.js插件
2017-12-22 14:28
274 查看
我页面上有个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');
}
});
效果是这样
像这样在网页顶部的时候就是正常的
因为这个块是不动的嘛,然后页面向上拉的时候就变成了这样
求用过的大神指点一下,多谢了
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');
}
});
效果是这样
像这样在网页顶部的时候就是正常的
因为这个块是不动的嘛,然后页面向上拉的时候就变成了这样
求用过的大神指点一下,多谢了
相关文章推荐
- 关于移动购物应用中的购物车效果的实现
- 关于readystate==1状态下的ajax效果不能显示的问题的解决
- Android将商品加入购物车的动画效果
- 关于phpcms根目录下ico图标,改了没效果的解决办法?
- 天猫加入购物车效果(抛物线问题)
- 加入购物车的飞入效果
- 关于IPad,Iphone“无法加入网络”的可能出现的问题解决办法
- 关于在JavaWeb项目时加入的日志相关的jar包,没有正确配置日志即使用时的警告解决
- 关于overridePendingTransition效果在1.6版本中会出现VerifyError的问题的解决
- iOS 仿淘宝加入购物车前选择尺寸,规格弹窗的向内凹陷折叠动画效果和标签流布局
- ios--tableview加入购物车飞入效果
- jQuery实现加入购物车飞入动画效果
- 关于iOS7中UIView效果失效问题的解决
- ECSHOP商品页加入购物车弹出仿淘宝效果
- 基于jquery fly插件实现加入购物车抛物线动画效果
- 关于RecyclerView插入列表第一条无动画效果的解决办法
- jQuery实现加入购物车飞入动画效果
- jQuery实现加入购物车飞入动画效果
- 关于win7无法加入MSCOMM控件的解决办法
- Android仿饿了么加入购物车旋转控件自带闪转腾挪动画的按钮效果(实例详解)