Ziehen eines div via touch - sehr langsam

Question

Ich versuche ein ziehbares div zu machen.

Javascript-Code Snippet:

document.getElementById('mySidenav').addEventListener('touchmove', 
    function(event) { 
     event.preventDefault(); 

     clickX = event.touches[event.touches[0].identifier].pageX; 

     if(navigationOpen){   
     //draggable.style.width = Math.floor(clickX) + 'px'; 
     document.getElementById('mySidenav').setAttribute("style","width:"+ clickX + "px"); 
    } 

}, false); 

Nun gibt es zwei Probleme:

1) Der Widerstand funktioniert nicht, bis ich (nicht unbedingt endende Berührung)

2 nicht mehr bewegen) Es gibt auch ein bisschen Verzögerung, wenn sich die <div> bewegt.

ich überprüfen, um die Bewegung von outputing meine clickX und es funktioniert gut unter 30fps

Bin ich etwas falsch zu machen, um zu sehen? Gibt es eine Möglichkeit, dies zu tun?

UPDATE: Ich bin mit diesem Programm in Cordova auf Android

Answer 1

Danke Jungs für die Hilfe. Aus irgendeinem Grund war die Lösung Code von CSS löschen

.sideNav { 
    ... 
    ... 

    transition: 0.5s; /* This */ 
} 

Aber jetzt gibt es keine fließend Animation, wenn die sideNav endet/Öffnung :(

Answer 2

Sie nicht Ihre HTML einfügen haben also hier ist nur ein kleines Beispiel eines ziehbar div, die auf Touch-Geräten funktioniert wirklich gut.

var nodeList = document.getElementsByClassName('dragme'); 
 

 
for (var i = 0; i < nodeList.length; i++) { 
 
    var obj = nodeList[i]; 
 
    obj.addEventListener('touchmove', function(event) { 
 
    var touch = event.targetTouches[0]; 
 
    event.target.style.left = touch.pageX + 'px'; 
 
    event.target.style.top = touch.pageY + 'px'; 
 
    event.preventDefault(); 
 
    }, false); 
 
}

.dragme { 
 
    width: 50px; 
 
    height: 50px; 
 
    position: absolute; 
 
    background-color: grey; 
 
    border: 2px solid black; 
 
}

<div class="dragme"></div>

Es gibt keine Mausereignisse hier so ist es nur auf Touch funktioniert, aber hoffentlich kann dieses Beispiel für Sie nützlich sein.

Fiddle zu spielen, um: https://jsfiddle.net/thepio/fjmn0pej/