首页 > 代码库 > jquery制作移动端菜单栏左右滑动
jquery制作移动端菜单栏左右滑动
//菜单栏滑动
function move_scollX(){
var startPosition, endPosition, distanceX,distanceY;
$(".left").bind(‘touchstart‘, function(e){
var touch = e.originalEvent.changedTouches[0]; //移动端
startPosition = {
x: touch.pageX,
y:touch.pageY
}
}) .bind(‘touchmove‘, function(e){
var touch = e.originalEvent.changedTouches[0]; //移动端
endPosition = {
x: touch.pageX,
y:touch.pageY
};
distanceX = endPosition.x - startPosition.x;
distanceY = endPosition.Y - startPosition.Y;
if(distanceX < 0) { // 向左移动
$(this).css({"left":distanceX});
} else if (distanceX > 0) { // 向右移动
$(this).css({"left":distance});
}
}
}
}).bind(‘touchend‘, function(e){ //放开事件
$(this).animate({"left":-width},100);
}
});
}
jquery制作移动端菜单栏左右滑动