Estoy cambiando el valor de traducción e incrementándolo, pero parece que el valor se incrementa como: - 0, -5, -10, -15, -20 porque multipliqué la diferencia entre el movimiento del mouse y la posición real del mouse, entonces mi pregunta es, ¿cómo puedo hacer que la velocidad de incremento sea más rápida sin multiplicarla, como 0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15?
Aquí está el código de ejemplo: https://jsfiddle.net/dy1vk40f/1/
scrollcontainer.addEventListener('mousemove', (e) => { if (!isDown) return; e.preventDefault(); const x = e.pageX; const style = window.getComputedStyle(scrollcontainer); const matrix = new WebKitCSSMatrix(style.transform); const walk = x - startX; // startX MEANS THE POSITION MOUSE IS CLICKED for dragging scrollcontainer.style.userSelect = 'none'; scrollcontainer.style.transform = `translate3d(${matrix.m41 + (walk * 5)}px, 0px, 0px)`; startX = e.pageX; });