slidesToScroll

Number of slides to scroll when navigating via swipe, drag, or navigation buttons.

slidesToScroll: number; // default: 1

Example: Scroll 1 slide (default)

new BlazeSlider(el, {
  all: {
    slidesToShow: 3,
    slidesToScroll: 1,
  },
});

new BlazeSlider(el, {
  all: {
    slidesToShow: 3,
    slidesToScroll: 3,
  },
});

Notice fewer pagination dots - the slider has fewer pages when scrolling multiple slides at once.

Blaze Slider automatically reduces slidesToScroll when there aren't enough slides remaining.

7 slides, showing 3, scrolling 3. Going from the last page to first scrolls only 1 slide:

new BlazeSlider(el, {
  all: {
    slidesToShow: 3,
    slidesToScroll: 3,
  },
});

Same setup, but scrolling from page 2 to page 3 scrolls only 1 slide:

new BlazeSlider(el, {
  all: {
    loop: false,
    slidesToShow: 3,
    slidesToScroll: 3,
  },
});