插件描述：腾讯AlloyTeam移动Web触摸解决方案，然后在他的基础上增加顶部图片拉动放大的动效
注：请在移动端测试效果，直接PC端查看无效果。
AlloyTouch
腾讯AlloyTeam移动Web触摸解决方案
Install
1 | npm install alloytouch |
API
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | new AlloyTouch({ touch:"#wrapper",//反馈触摸的dom vertical: true,//不必需，默认是true代表监听竖直方向touch target: target, //运动的对象 property: "translateY", //被运动的属性 min: 100, //不必需,运动属性的最小值 max: 2000, //不必需,滚动属性的最大值 sensitivity: 1,//不必需,触摸区域的灵敏度，默认值为1，可以为负数 factor: 1,//不必需,表示触摸位移与被运动属性映射关系，默认值是1 spring: true, //不必需,是否有回弹效果。默认是true step: 45,//用于校正到step的整数倍 change:function(value){ }, //不必需，属性改变的回调。alloytouch.css版本不支持该事件 touchStart:function(evt, value){ }, touchMove:function(evt, value){ }, touchEnd:function(evt,value){ }, tap:function(evt, value){ }, pressMove:function(evt, value){ }, animationEnd:function(value){ } //运动结束 }) |
1、test1为被放大的图片
2、test2为初始图片
3、页面没有引用jquery，可以结合jquery获取元素更方便
4、有问题在下面留言，我会及时回复或者去官网找答案
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 使用html5+canvas+Jquery实现的纯代码连线题
- 下一个特效： 基于bootstrap的后台管理框架模板