Swiper - v12.0.3
    Preparing search index...

    Interface ScrollbarOptions

    Object with scrollbar parameters.

    const swiper = new Swiper('.swiper', {
      scrollbar: {
        el: '.swiper-scrollbar',
        draggable: true,
      },
    });
    interface ScrollbarOptions {
        dragClass?: string;
        draggable?: boolean;
        dragSize?: number | "auto";
        el?: HTMLElement | CSSSelector | null;
        enabled?: boolean;
        hide?: boolean;
        horizontalClass?: string;
        lockClass?: string;
        scrollbarDisabledClass?: string;
        snapOnRelease?: boolean;
        verticalClass?: string;
    }
    Index

    Properties

    dragClass? draggable? dragSize? el? enabled? hide? horizontalClass? lockClass? scrollbarDisabledClass? snapOnRelease? verticalClass?

    Properties

    dragClass?: string

    Scrollbar draggable element CSS class

    'swiper-scrollbar-drag'
    draggable?: boolean

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

    false
    dragSize?: number | "auto"

    Size of scrollbar draggable element in px

    'auto'
    el?: HTMLElement | CSSSelector | null

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

    null
    enabled?: boolean

    Boolean property to use with breakpoints to enable/disable scrollbar on certain breakpoints

    hide?: boolean

    Hide scrollbar automatically after user interaction

    true
    horizontalClass?: string

    CSS class name set to scrollbar in horizontal Swiper

    'swiper-scrollbar-horizontal'
    lockClass?: string

    Scrollbar element additional CSS class when it is disabled

    'swiper-scrollbar-lock'
    scrollbarDisabledClass?: string

    CSS class name added on swiper container and scrollbar element when scrollbar is disabled by breakpoint

    'swiper-scrollbar-disabled'
    snapOnRelease?: boolean

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

    false
    verticalClass?: string

    CSS class name set to scrollbar in vertical Swiper

    'swiper-scrollbar-vertical'

    Settings

    Member Visibility

    On This Page

    Properties