calebkonglei/alloytouch

Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web 　　　

English | 简体中文

AlloyTouch

Smooth scrolling, rotation, pull to refresh and any motion for the web.

Wiki

https://github.com/AlloyTeam/AlloyTouch/wiki

Install

npm install alloytouch

API

new AlloyTouch({
            touch:"#wrapper",
            vertical: true,
            target: target, 
            property: "translateY", 
            min: 100, 
            max: 2000, 
            sensitivity: 1,
            factor: 1,
            step: 45,
            bindSelf: false,
            initialValue: 0,
            change:function(value){  },
            touchStart:function(evt, value){  },
            touchMove:function(evt, value){  },
            touchEnd:function(evt, value){  },
            tap:function(evt, value){  },
			pressMove:function(evt, value){  },
            animationEnd:function(value){  } 
 })

Demo(Mobile)

• Pull To Refresh: http://alloyteam.github.io/AlloyTouch/refresh/pull_refresh/
• QQ KanDian: http://alloyteam.github.io/AlloyTouch//refresh/infinite/kandian.html
• Full Page Scroll : http://alloyteam.github.io/AlloyTouch/full_page/
• Simple : http://alloyteam.github.io/AlloyTouch/
• 3D : http://alloyteam.github.io/AlloyTouch/example/3d.html
• Rotate : http://alloyteam.github.io/AlloyTouch/example/rotate.html
• Carousel : http://alloyteam.github.io/AlloyTouch/example/carousel.html
• Carousel2 : http://alloyteam.github.io/AlloyTouch/example/carousel2.html
• Three.js : http://alloyteam.github.io/AlloyTouch/example/threejs/

Many thanks to

• transformjs

Who is using AlloyTouch?

License

This content is released under the MIT License.