Модули: Scrollbar
Свойства, методы и события модуля Scrollbar для Swiper.js.
Scrollbar
Полоса прокрутки слайдера Swiper.js.
Параметры Scrollbar
dragClass
string
swiper-scrollbar-drag
Описание
CSS класс перемещаемого элемента.
dragSize
number | 'auto'
auto
Описание
Размер перемещаемого элемента полосы прокрутки в пикселях.
draggable
boolean
false
Описание
Установите true
, чтобы включить возможность перетаскивания полосы прокрутки. Это даст вам власть над судьбой ползунка и позволит влиять на его положение.
el
any
null
Описание
Строка с CSS-селектором или HTMLElement контейнера скролбара.
enabled
boolean
нет
Описание
Включена полоса прокрутки или нет. Логический флаг для использования скролбара на определённых разрешениях экрана (с определенными брейкпоинтами).
hide
boolean
true
Описание
Включена полоса прокрутки или нет. Логический флаг для использования скролбара на определённых разрешениях экрана (с определенными брейкпоинтами).
horizontalClass
string
swiper-scrollbar-horizontal
Описание
CSS класс полосы прокрутки слайдера в горизонтальной ориентации.
lockClass
string
swiper-scrollbar-lock
Описание
CSS класс, назначаемый полосе прокрутки слайдера в выключеном состоянии.
scrollbarDisabledClass
string
swiper-scrollbar-disabled
Описание
CSS класс, добавляемый к контейнеру Swiper и полосе прокрутки при отключении из-за не попадания в брейкпоинт (текущее разрешение экрана не попадает в указанный диапазон).
snapOnRelease
boolean
false
Описание
Установите true
для прокрутки слайдера к ближайшему слайду после того, как вы отпустили скролбар.
verticalClass
string
swiper-scrollbar-vertical
Описание
CSS класс для полосы прокрутки слайдера в вертикальной ориентации.
Продолжение следует...