手机touch的运用

如图
   
这个是要做到当我手机向下滑动的时候那个图片隐藏变成左边这幅的效果；最开始我用的不是touch 而是滚轮事件，但是
如果是滚轮事件   在手机端就无法顺溜的显示，而且会很乱。
如果用touch事件  注意你需要的效果  我这里需要上下不停的滚动  以最后一个动作为准 ，所以我这里用的是touchend
而且我这里不需要判断左右。
initScroll: function () {
    var startX,startY,endX,endY,distanceX,distanceY;
    $('#mainContainer').bind('touchstart',function(e){
        startX = e.originalEvent.changedTouches[0].pageX;
        startY = e.originalEvent.changedTouches[0].pageY;
    });
    $('#mainContainer').bind('touchend',function(e) {
        //获取滑动屏幕时的X,Y
        endX = e.originalEvent.changedTouches[0].pageX;
        endY = e.originalEvent.changedTouches[0].pageY;
        //获取滑动距离
        distanceX = endX - startX;
        distanceY = endY - startY;
        if (distanceY < 0) {
            $('.marker-logo-icon img').slideUp();
            $('.marker-logo-icon').css('bottom', '0px');
        } else if (distanceY > 0) {
            $('.marker-logo-icon img').slideDown();
            $('.marker-logo-icon').css('bottom', '10px');

        }
    });
},
希望我的代码可以带给你帮助   谢谢！