Estoy creando una diapositiva simple con el desplazamiento, pero el problema es cuando ocurre el evento 'mouseup', el scroll-behavior: smooth; que programé en css. También agregué la transición en mi código React para tratar de resolver el problema, y no ayudó.
El evento que espero es que cuando se arrastra el puntero, el panel anima el desplazamiento con el evento suave. Y lo que está sucediendo ahora y cuando sueltas el cursor, el desplazamiento no tiene animación y sucede rápidamente en un abrir y cerrar de ojos. Espero que hayas entendido.
https://stackblitz.com/edit/nextjs-rzaxxp?file=components%2FScrollSlide.jsx
El objetivo es un poco confuso y su explicación no es fácil de seguir, sin embargo, si solo desea crear un control deslizante/carrusel, no intente inventar la rueda, simplemente puede usar SwiperJS .
Lo estoy usando desde hace bastante tiempo y hasta ahora este es el mejor control deslizante/carrusel que he usado.
Fácil de configurar, excelentes ejemplos, disponible para vanilaJS, React/Next, Angular, Vue...