封裝乙個移動端的滑動事件

2022-08-15 11:45:09 字數 1638 閱讀 6592

if(!window.swipe);

}swipe.iscroll = function(args);

swipe.iscroll.prototype =

/*如果不存在父容器就停止初始化*/

if(!that.parentdom) return false;

/*找到子容器*/

that.childdom = that.parentdom.children&&that.parentdom.children[0]?that.parentdom.children[0]:'';

/*如果不存在子容器就停止初始化*/

if(!that.childdom) return false;

/*初始化傳入的引數*/

that.settings = {};

/*預設型別  預設的y軸滑動 如果不是y的話就是以x軸開始滑動*/

that.settings.swipetype = args.swipetype?args.swipetype:'y';

/*預設的緩衝滑動距離*/

that.settings.swipedistance = args.swipedistance>=0?args.swipedistance:150;

/*初始化滑動*/

that._scroll();

},/*對外開放的設定定位的方法*/

settranslate:function(translate),

_addtransition:function(),

_removetransition:function(),

_changetranslate:function(translate)else

},_scroll:function()else

}/*緩衝距離*/

var distance = that.settings.swipedistance;

/*區間*/

/*左側盒子定位的區間*/

that.maxpostion = 0;

that.minpostion = -(childheight-parentheight);

/*設定滑動的當前位置*/

that.currpostion = 0;

that.startpostion = 0;

that.endpostion = 0;

that.movepostion = 0;

/*1.滑動*/

that.childdom.addeventlistener('touchstart',function(e),false);

that.childdom.addeventlistener('touchmove',function(e)

},false);

window.addeventlistener('touchend',function(e)

/*想上滑動的時候*/

else if((that.currpostion-that.movepostion) < that.minpostion)

/*正常的情況*/

else

that._reset();

},false);

},_reset:function()

};呼叫方法

swipe.iscroll();

移動端滑動事件

專案中要實現乙個功能,在寬度高度固定的乙個div中放入幾張,的高度與div的高度相等,幾張的總長度要遠遠超過div的長度,那麼問題來了,如何才能讓使用者通過手指的滑動,看到所有的呢?這個可以有兩種方法 方法一 此時,已經可以進行的滑動了 方法二 在父元素上設定white space nowrap,保...

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

下面是具體的 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...

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

下面是具體的 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 9...