下面是具體的**:
1 ;(function(root)呼叫方法:12 13 touch.prototype.init=function()else if(value < -_this.boundary)else
84 }elseelse if(value
94 _this.offsetx = 0;
95 _this.offsety = 0;
96 }
97 }
98 99 (_this.direc != 'horiz')?handle(_this.offsety):handle(_this.offsetx);
100
101
102 }
103
104 this.canvas.addeventlistener('touchstart',start,false);
105 this.canvas.addeventlistener('touchmove',move,false);
106 this.canvas.addeventlistener('touchend',end,false);
107 };
108
109
110 touch.prototype.go=function(n)else if(index <=0)
121
122 function callback()
126
127 this.section[index].style.webkittransition = '-webkit-transform .4s ease-out';
128 this.section[index-1] && (this.section[index-1].style.webkittransition = '-webkit-transform .4s ease-out');
129 this.section[index+1] && (this.section[index+1].style.webkittransition = '-webkit-transform .4s ease-out');
130 this.section[index].style.webkittransform = 'translate3d(0,0,0)';
131
132 if(this.direc != 'horiz')else
139
140 this.index = index;
141 this.section[index].addeventlistener('webkittransitionend',callback,false);
142 };
143
144 root.touch = function(p);
147
148 })(window);
1 touch(6 });
7 /* {} 乙個物件,用於提供設定的引數。
8 |— dom : 所有分屏的外層包裹盒子。
9 |— section : 所有分屏。
10 |— direc : 滑屏的方向:horiz(水平滑動,最大寬度為640)、vertical(垂直滑動)。預設值為vertical。
11 |- fn : 滑動後的**函式,i(索引)、t(當前分屏)、s(所有的分屏)、box(分屏的外層包裹盒子)
12 */
封裝的乙個手機端全屏滑動方法
下面是具體的 1 function root 1213 touch.prototype.init function 26 else31 3233 34 35 touch.prototype.bindevent function 47 48function move e 59 else64 65e.p...
封裝乙個移動端的滑動事件
if window.swipe swipe.iscroll function args swipe.iscroll.prototype 如果不存在父容器就停止初始化 if that.parentdom return false 找到子容器 that.childdom that.parentdom.c...
uni app 專案封裝乙個滑動元件
記錄使用者按下螢幕的時間 date.now 注意 返回的時時間戳,1970 1 1 到現在的毫秒數 記錄使用者按下螢幕的座標 x 和 y 記錄使用者離開螢幕的時間 date.now 記錄使用者離開螢幕的座標 x 和 y 根據兩個時間 運算 判斷 使用者按下螢幕時長是否合法 根據兩對座標 判斷距離是否...