Supongo que me falta una propiedad aquí que establece la posición actual de arrastrar la barra de desplazamiento para que esté donde está la diapositiva activa. En su lugar, se desplaza hasta el principio de la barra de desplazamiento.

 var swiper = new Swiper('.swiper', { spaceBetween: 10, direction: "horizontal", loop: false, freeMode: false, breakpoints: { 1920: { slidesPerView: 7 }, 1100: { slidesPerView: 6 }, 840: { slidesPerView: 5, }, 660: { slidesPerView: 4, }, 500: { slidesPerView: 3, }, 200: { slidesPerView: 2, }, }, scrollbar: { el: '.swiper-scrollbar', draggable: true, } });