mui.init({
swipeBack:true
});
今天用了一下这个右滑关闭,发现有点问题,我必须要用很快的速度摩擦屏幕才能达到右滑关闭窗口的效果。这是一个BUG吗?如果可以的话能修复吗?
用户总不能用飞扑克的速度来操作APP吧
mui.init({
swipeBack:true
});
今天用了一下这个右滑关闭,发现有点问题,我必须要用很快的速度摩擦屏幕才能达到右滑关闭窗口的效果。这是一个BUG吗?如果可以的话能修复吗?
用户总不能用飞扑克的速度来操作APP吧
function touClass(){
// 公有方法
this.touch = function(fn1,fn2){
this.addEventListener('touchstart',function(event){
var touch = event.targetTouches[0];
// 开始坐标
this.startx = touch.pageX;
this.starty = touch.pageY;
})
this.addEventListener('touchmove',function(event){
var touch = event.targetTouches[0];
// 结束坐标
this.endx = touch.pageX;
this.endy = touch.pageY;
var x = this.endx - this.startx;
var y = this.endy - this.starty;
var w = x<0?x-1:x; //x轴的滑动值, w为x的绝对值
var h = y<0?y-1:y; //y轴的滑动值
if(w>h){ //如果是在x轴中滑动,阻止默认事件
event.preventDefault(); // 解决微信touchmove冲突并实现上下可滑动
}
})
this.addEventListener('touchend',function(event){
if((this.startx - this.endx)>=100 && fn1){
// 执行左滑回调
fn1();
}
if((this.endx - this.startx)>=100 && fn2){
// 执行右滑回调
fn2();
}
})
}
}
//右滑返回
touClass.call(document);
document.touch('',function(){
mui.back();
});
mui这个滑动,是纯前端的,这个效率在Android上确实一般。
推荐使用5+的Webview的drag api,这个是原生的拖动。
http://www.html5plus.org/doc/zh_cn/webview.html 搜drag
6***@163.com
能不能具体一点呢?看不明白
2017-04-26 15:46