div-page-transformation-overlap

Страницы собираются в стопку при анимации, перекрывая друг друга.

Параметры

Параметры Описание
type

string

Обязательный параметр.

Значение всегда должно равняться overlap.

interpolator

string

Изменение скорости анимации. При значении spring — обрезанная до 0.7 анимация затухающих колебаний с параметром damping=1. Остальные значения соответствуют кривой Безье:

  • linear — cubic-bezier(0, 0, 1, 1);
  • ease — cubic-bezier(0.25, 0.1, 0.25, 1);
  • ease_in — cubic-bezier(0.42, 0, 1, 1);
  • ease_out — cubic-bezier(0, 0, 0.58, 1);
  • ease_in_out — cubic-bezier(0.42, 0, 0.58, 1).
  • Возможные значения: linear, ease, ease_in, ease_out, ease_in_out, spring.

    Значение по умолчанию: ease_in_out.

    next_page_alpha

    number

    Минимальная прозрачность следующей страницы в диапазоне [0, 1] при листании пейджера. Следующая страница — всегда страница с большим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.

    Значение по умолчанию: 1.0.

    next_page_scale

    number

    Маштабирование следующей страницы во время листания пейджера. Следующая страница — всегда страница с большим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0.

    Значение по умолчанию: 1.0.

    previous_page_alpha

    number

    Минимальная прозрачность предыдущей страницы в диапазоне [0, 1] во время листания пейджера. Предыдущая страница — всегда страница с меньшим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0 && x <= 1.0.

    Значение по умолчанию: 1.0.

    previous_page_scale

    number

    Маштабирование предыдущей страницы во время листания пейджера. Предыдущая страница — всегда страница с меньшим порядковым номером в списке items, независимо от направления листания.

    Ограничение для значения x: x >= 0.0.

    Значение по умолчанию: 1.0.

    reversed_stacking_order

    bool_int

    При значении false следующие страницы будут собираться в стопку над предыдущими. При значении true — наоборот. Следующая страница — всегда страница с большим порядковым номером в списке items, независимо от направления листания.

    Значение по умолчанию: false.

    JSON
    {
      type*: "overlap",
      interpolator: "string",
      next_page_alpha: "number",
      next_page_scale: "number",
      previous_page_alpha: "number",
      previous_page_scale: "number",
      reversed_stacking_order: "bool_int"
    }