Как сделать движение jquery setinterval в мобильном более плавным?

Извините за плохой английский.
связь на сайт.
Моя задача - создать сайт без прокрутки. Когда пользователь нажимает на правую часть экрана, автомобиль начинает двигаться вперед. Когда он достигает середины экрана - машина останавливается и неподвижный контент-блок начинает двигаться в противоположном направлении. если пользователь перемещает курсор в левую часть экрана (удерживая нажатой кнопку мыши), автомобиль должен двигаться назад.
Настольная версия работает как положено. Но мобильная версия тормозит. (это не совсем медленно, я думаю, это не так гладко, как рабочий стол)
Что я могу сделать, чтобы решить эту проблему?

1. В событии touchstart я получаю значение event.pageX, чтобы проверить, какую часть экрана коснулся пользователь. (чтобы я знал, в каком направлении должна двигаться машина) и сохранить это значение в переменной «mousePos». Затем я вызываю setInterval с функцией движения
2. По событию касания я очищаю интервал, чтобы машина не двигалась.
3. При касании я перепишу переменную «mousePos» с новым значением event.pageX. Например: пользователь щелкнул, машина начинает двигаться, если пользователь переместил курсор влево, я буду использовать эту переменную, чтобы проверить направление и повернуть машину назад.
4. В функции mouseMove я проверю положение автомобиля и решу, какое действие следует выполнить - либо переместить автомобиль, либо переместить фон, и я проверю, достиг ли он начала конечных точек.

Мероприятия:

    $(document).on('mousedown touchstart', '.mouse-click', function(event){
        clicking = true;
        mousePos = event.pageX;

        if ( event.target.className == 'helper' ) {
            showModal();
        } else {
            moveStuff = setInterval(mouseMove, 1);
        }
    });

    $(document).on('mouseup touchend', function(){
        clicking = false;
        carLights.removeClass('blink');
        clearInterval(moveStuff);
    })

    $(document).on('mousemove touchmove', '.mouse-click', function(event){
        if (clicking == false) {
            return;
        } else {
            mousePos = event.pageX;
        }
    });

функция:

    function mouseMove() {
        let offset = parseInt( mainContent.css('left') );
        let offsetCar = parseInt( car.css('left') );
        if ( mousePos > middleScreen ) {
            carLights.removeClass('blink');
            if ( offset < - ( contentWidth ) ) {
                return;
            } else {
                rotateWheelsForward();
                if ( offsetCar < middleScreen ) {
                    car.css('left', (offsetCar + mouseSpeed) + 'px');
                } else {
                    mainContent.css('left', (offset - mouseSpeed) + 'px');
                }
            }
        } else if ( mousePos < middleScreen ) {
            carLights.addClass('blink');
            if ( offset > 0 ) {
                carLights.removeClass('blink');
                return;
            } else {
                rotateWheelsBackward();
                if ( offsetCar > minCarLeft ) {
                    car.css('left', (offsetCar - mouseSpeed) + 'px');
                } else {
                    mainContent.css('left', (offset + mouseSpeed) + 'px');
                }
            }
        }
    }

Итак, как я могу сделать движение более плавным в мобильном телефоне? (я пользуюсь сафари на айфоне 5s, но тестил на айфоне 6, все равно работает плохо)
Какие изменения я должен внести в этот код?