ScrollbarOptions | Swiper

Object with scrollbar parameters.

example

const swiper = new Swiper('.swiper-container', {
  scrollbar: {
    el: '.swiper-scrollbar',
    draggable: true,
  },
});

Index

dragClass: string

Scrollbar draggable element CSS class

dragSize: number | "auto"

Size of scrollbar draggable element in px

draggable: boolean

Set to true to enable make scrollbar draggable that allows you to control slider position

el: null | HTMLElement | CSSSelector

String with CSS selector or HTML element of the container with scrollbar.

hide: boolean

Hide scrollbar automatically after user interaction

lockClass: string

Scrollbar element additional CSS class when it is disabled

snapOnRelease: boolean

Set to true to snap slider position to slides when you release scrollbar