Javascriot TouchMove не работает, как задумано

Question

Я выполняю пролистывание карусели с помощью следующего кода. но при попытке пролистывания он всегда начинается с самого первого элемента в списке, а не с последнего видимого элемента.

       var slider = {
            el: {
                slider: $("#carousel-list")
            },
            touchstartx: undefined,
            touchmovex: undefined, 
            movex: undefined,
            init: function() {
                this.bindUIEvents();
            },

            bindUIEvents: function() {
                this.el.slider.on("touchstart", function(event) {
                    this.touchstartx = event.originalEvent.touches[0].clientX;
                }.bind(this));

                this.el.slider.on("touchmove", function(event) {
                    this.touchmovex =  event.originalEvent.touches[0].pageX;
                    this.movex = this.touchstartx - this.touchmovex;
                    console.log(this.touchstartx, this.touchmovex)
                    // this.touchstartx = 1;
                    this.el.slider.css('transform','translate3d(-' + this.movex + 'px,0,0)');                       
                }.bind(this));
                this.el.slider.on("touchend", function(event) {}.bind(this));
            }
        }
        slider.init();