已解决,关于加入购物车飞入效果的jquery.fly.js插件
来源:互联网 发布:弱碱性水的好处 知乎 编辑:程序博客网 时间:2024/05/17 22:29
我页面上有个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');
}
});
效果是这样
像这样在网页顶部的时候就是正常的
因为这个块是不动的嘛,然后页面向上拉的时候就变成了这样
求用过的大神指点一下,多谢了
阅读全文
0 0
- 已解决,关于加入购物车飞入效果的jquery.fly.js插件
- fly.js 和 poshytip 插件的结合, 形成加入购物车的动画效果
- jQuery实现加入购物车飞入动画效果
- jQuery实现加入购物车飞入动画效果
- jQuery实现加入购物车飞入动画效果
- 基于jquery fly插件实现加入购物车抛物线动画效果
- 基于jquery fly插件实现加入购物车抛物线动画效果
- jQuery实现商品飞入购物车效果插件
- ios--tableview加入购物车飞入效果
- 利用jquery.fly实现仿淘宝购物车飞入特效
- 利用jquery.fly实现仿淘宝购物车飞入特效
- 加入购物车的抛物线过程fly插件
- jquery实现购物车飞入效果
- 购物车飞入效果
- 购物车飞入的动画效果
- jquery 商品飞入购物车的动画
- jquery.fly.js实现添加购物车效果、实现抛物线运动
- jquery.fly.js实现添加购物车效果、实现抛物线运动
- 微信小程序动态修改页面标题setNavigationBarTitle
- idea将项目自动化部署到服务器(wagon-maven-plugin)
- 数据挖掘之特征选择
- SVN出现cleanup failed to process the following paths: xxx working copy " " locked, xxxx is locked
- java aes解密cbc模式
- 已解决,关于加入购物车飞入效果的jquery.fly.js插件
- 汽车行驶姿态 -- 串口通信
- 阅读《C++之父Bjarne谈C++在2005年》
- Git用法【收藏】
- 关于mybatis异常“无效的列类型”问题的解决
- js中的$
- 使用Messenger进行Activity与Service之间的双向通信
- node.js 文档总结,持续更新
- SDUT-1272-->面向对象程序设计上机练习十(运算符重载)