Слайдер Swiper, как уменьшить ширину полосы прокрутки ⇐ Html

[Anonymous]

JavaScript

Код: Выделить всё

 const projectsSwiper = new Swiper(".projects__swiper-start", {
speed: 1000,

slidesPerView: 3,

navigation: {
nextEl: ".projects__swiper-next",
prevEl: ".projects__swiper-prev",
},
watchOverFlow: true,
simulateTouch: true,

spaceBetween: 19,

scrollbar: {
el: ".projects__swiper-scroll",
draggable: true,
dragSize: 80,
},
});

HTML

Код: Выделить всё

[img]images/projects/slide-1.jpg[/img]




[img]images/projects/slide-2.jpg[/img]




[img]images/projects/slide-3.jpg[/img]




[img]images/projects/slide-4.jpg[/img]

Сейчас прокрутил во всю ширину, но нужно уменьшить до 300px и разместить по центру, так как я нашел ползунок для уменьшения, но с шириной прокрутки есть проблема.
Заранее большое спасибо!>

Подробнее здесь: https://stackoverflow.com/questions/700 ... -scrollbar