zoukankan      html  css  js  c++  java
  • 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 }
  • 相关阅读:
    使用Power Query从Web页面获取图像到Power BI报告中
    视频 |【2019】Power BI 8月产品功能更新讲解
    【2019】微软Power BI 每月功能更新系列——Power BI 8月版本功能完整解读
    视频 |【2019】Power BI 7月产品功能更新讲解
    2019 年 BI 平台 Top 14
    2016 黑客必备的Android应用都有哪些?
    J2EE完全手册(二)
    JavaBean ,Enterprise Bean(EJB), 三种Bean, 以及POJO
    J2EE完全手册(一)
    J2EE简介
  • 原文地址:https://www.cnblogs.com/zfdai/p/4463609.html
Copyright © 2011-2022 走看看