封裝的乙個手機端全屏滑動方法

2022-06-19 01:30:13 字數 1956 閱讀 7934

下面是具體的**:

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 根據兩個時間 運算 判斷 使用者按下螢幕時長是否合法 根據兩對座標 判斷距離是否...