Этот плагин подходит для ситуаций, когда объекты слишком большие, чтобы поместиться в отведенное им пространство. Например, если на странице нужно разместить большой объём текста. Для этого следует создать объект прокрутка с нужными размерами, а внутрь него добавить большой текст – тогда этот текст можно будет прокручивать, и действие будет происходить в рамках отведенной для этого области холста, не выходя за её пределы.

Набор параметров плагина:

Название Описание
Размеры объекта Размеры видимой области содержимого.
Размеры содержимого Размеры внутренней области, в рамках которой должны быть расположены и помещаться, не обрезаясь, все вложенные объекты.
Автоматическая прокрутка Отвечает за возможность прокрутки объекта с помощью обычного жеста (схватить и тащить). Если убрать этот флажок, то объект не будет реагировать на жесты. Это может быть нужно для того, чтобы создать прокрутку с помощью кнопок, анимаций или нестандартной области.

Помимо основных настроек плагин имеет две группы параметров – "вертикальная прокрутка" и "горизонтальная прокрутка", которые становятся доступными, если размер содержимого больше размера объекта по соответствующей оси.

Набор параметров групп "прокрутка":

Название Описание
Прогресс Параметр отвечает за текущий прогресс прокрутки по соответствующей оси. Указывается в % от 0 до 100. Этот параметр можно анимировать, создавать от него зависимость и использовать в качестве условия в триггерах.
Инерция Параметр отвечает за плавную докрутку содержимого, когда пользователь перестал прокручивать. Указывается в % от 0 до 99.99, где 0 – полное отсутствие докрутки, а 99.99 – практически бесконечная докрутка. Значение по умолчанию – 75%.
Эффект оттягивания Параметр отвечает за возможность "оттянуть" содержимое за пределы видимой области. Указывается в % от 0 до 100, где 0 – полное отсутствие оттягивания, а 100% соответствует половине размера видимой области по соответствующей оси. Значение по умолчанию – 75%.
Продолжительность возврата Параметр определяет время в миллисекундах, за которое прокрутка вернется к своему "нормальному" (в рамках видимой области) положению, если пользователь после прокрутки бросил содержимое оттянутым. Этот параметр доступен, только если "эффект оттягивания" больше 0.
Easing-функция возврата Параметр определяет easing-функцию для сглаживания анимации возврата. Значение по умолчанию – "Quad - Out".

Дополнительное взаимодействие

У плагина существует собственный тип пользовательского взаимодействия "прокрутка", который позволяет управлять областью на экране, в которой объект будет реагировать на действия пользователя. Взаимодействие позволяет настроить лишь область, в которую входят стандартные параметры: состояние, координаты области и размеры области.

Триггеры плагина:

Название Описание
Начало прокрутки Событие срабатывает в тот момент, когда пользователь нажал кнопку мыши (или нажал на экран) и начал прокручивать объект. Это событие срабатывает, только если установлен флажок автоматическая прокрутка, или создана область прокрутки.
Прокрутка Событие срабатывает постоянно на протяжении всего процесса прокрутки объекта пользователем. Это событие срабатывает, только если установлен флажок автоматическая прокрутка, или создана область прокрутки.
Остановка Событие срабатывает в тот момент, когда пользователь отпустил кнопку мыши (или убрал палец с экрана) и объект перестал прокручиваться. Это событие срабатывает, только если установлен флажок автоматическая прокрутка, или создана область прокрутки.