JS中手势动作的实现问题

想模仿手机京东页面这个部分写一个手势控制

这是我准备拖动的列表，当我点击下去后稍微移动一点，就出现如下图

每次我准备点击拖动的时候，第一个列表总是会出现鼠标的右边
下面是JS代码

function load(){
        var seckillul=document.getElementById('seckillul');
        seckillul.addEventListener('touchstart',touch,false);
        seckillul.addEventListener('touchmove',touch,false);
        seckillul.addEventListener('touchend',touch,false);

        function touch(event){
            var event=event || window.event;
            switch(event.type){
                case "touchstart":
                    
                    break;
                case "touchmove":
                    var nowX=event.changedTouches[0].clientX;
                     seckillul.style.transform="translate3d("+nowX+"px, 0px, 0px)";
                    break;
                case "touchend":
                    
                    break;
            }
        }
    }

    window.addEventListener('load',load,false);

我现在的想法时，在touchend的时候保存当前的X轴值到一个变量里面，然后touchstart开始时调用这个值，让位置保留在当前

但是我又觉得这样行不通，初步尝试了一下发现变量调不到，是因为写在switch里面吗？

现在不知道用什么思路去解决，要是到了列表边的边缘怎么办呢

求帮助