mobile touch 备用 

 1 var _scrollIndex=1;
 2 function scrollPage(){
 3     var _contentEle = $('.view-container'),_viewEle = _contentEle.find('.view');
 4     var _iconEle = $('.downIconArror');
 5     var _view_port = $('.view-port');
 6     var _touchEvents = {
 7         'pageYStart':'',
 8         'pageYEnd':'',
 9         'touchstart':function(event){
10             event.preventDefault();
11             var _touch = event.touches[0],_this = _touchEvents;
12             _this.pageYStart = _touch.pageY;
13             _view_port[0].addEventListener('touchmove',_this.touchmove,true);
14             _view_port[0].addEventListener('touchend',_this.touchend,true);
15         },
16         'touchmove':function(event){
17             event.preventDefault();
18             var _touch = event.touches[0],_this = _touchEvents;
19             _this.pageYEnd = _touch.pageY;
20         },
21         'touchend':function(event){
22             var _this = _touchEvents;
23             var _distance = _this.pageYEnd-_this.pageYStart;
24             if(_distance>50){
25                 swipe.down();
26             }
27             if(_distance<-50){
28                 swipe.up();
29             }
30             _view_port[0].removeEventListener('touchmove',_this.touchmove);
31             _view_port[0].removeEventListener('touchend',_this.touchend);
32         }
33     };
34     _view_port[0].addEventListener('touchstart',_touchEvents.touchstart);
35     var swipe = {
36         up:function(){
37             var _this = _contentEle;
38             var _initTransY = getTransform(_this);
39             if(Math.abs(_initTransY)==(_viewEle.length-1)*_viewEle.height()){
40                 return;
41             }
42             if(Math.abs(_initTransY)==(_viewEle.length-2)*_viewEle.height()){
43                 _iconEle.hide();
44             }else{
45                 _iconEle.show();
46             }
47             _scrollIndex++;
48             scrollPageAnimate(_scrollIndex);
49             _this.animate({'margin-top':parseInt(_initTransY-_viewEle.height())},500);
50         },
51         down:function(){
52             var _this = _contentEle;
53             var _initTransY = getTransform(_this);
54             _iconEle.show();
55             if(_initTransY==0){
56                 return;
57             }
58             _scrollIndex--;
59             scrollPageAnimate(_scrollIndex);
60             _this.animate({'margin-top':parseInt(_initTransY+_viewEle.height())},500);
61         }
62     }
63 }

 

posted @ 2015-04-28 17:35  淡然_  阅读(272)  评论(0)    收藏  举报