Question

jquery mobile 只能左右滑动吗？不能上下滑动

Answer 1

var speed = 200;
var x1,x2, direct;

function transformBox(obj,value,time){
var time=time?time:0;
transl="translate3d("+value+"px,0,0)";
obj.css({'-webkit-transform':transl,'-webkit-transition':time+'ms linear'});
}

/*功效滑动效果 begin */
var efficacySlider = $('#scroll_efficacy');//滑动容器
var ef_width=0; //滑动元素的总宽度
var offset = 0; //滑动的宽度
var e_cliWidth = document.body.clientWidth; //手机屏幕宽度

//计算所有标签的总长度
$('#scroll_efficacy').find('a').each(function(index){
ef_width += parseInt($(this).css('margin-left')) + parseInt($(this).css('margin-right')) + $(this).width();
});

efficacySlider.css({'width':Math.ceil(ef_width/e_cliWidth)*e_cliWidth+ 'px'}); //设置滑动容器宽度

efficacySlider.on('touchstart', function(e){
if(x2) x2 = undefined;
x1 = e.touches[0].pageX;
}).on('touchmove', function(e){
e.preventDefault();
x2 = e.touches[0].pageX;
}).on('touchend', function(e) {
if(x1 > x2) direct = 'left';
else direct = 'right';
}).swipe(function(e){
var offset_temp = offset + x2 - x1;

if(offset_temp > 0){
offset = 0;
}else if(Math.abs(offset) + e_cliWidth >= ef_width && direct == 'left'){
offset = offset;
}else{
offset = offset_temp;
}

transformBox(efficacySlider, offset, speed);
});