Как вынести scroll за пределы swiper?

Question

[pashjka]

Всем привет!
Хочу вынести скролл за пределы свайпера.
Scroll нужно пододвинуть, а в пределах контейнера swiper он скрывается через overflow: hidden. Т.е. скрываются слайды слайдера и вместе с ним все содержимое контейнера не может быть показано за его пределами.

Понимаю, как сделать подобное со стрелками:

const mySwiper = new Swiper('.slider-3steps', {
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
	},
});
const swiperPrev = document.getElementById('swiperPrev')
const swiperNext = document.getElementById('swiperNext')

swiperPrev.addEventListener('click', () => {
	mySwiper.slidePrev();
})
swiperNext.addEventListener('click', () => {
	mySwiper.slideNext();
})

Как сделать подобный механизм для scrollbar? или есть другие способы?

Answer 1

[Danny Arty]

У Swiper есть отличная документация.
Если бы вы ее прочитали, то увидели бы, что делается это очень просто:

const mySwiper = new Swiper('.slider-3steps', {
  scrollbar: {
    el: document.getElementById('swiperScrollbar') //где swiperScrollbar - id скорллбара соответственно
  },
});