Отключение анимаций

В iziToast анимации отображения и скрытия уведомлений задаются через параметры transitionIn и transitionOut. По умолчанию библиотека использует анимации fadeInDown для появления и fadeOutUp для исчезновения. Для отключения анимаций необходимо установить эти параметры в значение 'none'.

Пример настройки уведомления без анимации:

iziToast.show({
    title: 'Сообщение',
    message: 'Это уведомление без анимации',
    transitionIn: 'none',
    transitionOut: 'none'
});

В этом случае уведомление сразу появляется и исчезает, без каких-либо эффектов движения или затухания.

Глобальное отключение анимаций

Для того чтобы отключить анимации во всех уведомлениях сразу, можно использовать глобальные настройки iziToast.settings. Это удобно при создании приложений, где анимации нежелательны, например, в корпоративных панелях или админ-панелях.

iziToast.settings({
    transitionIn: 'none',
    transitionOut: 'none'
});

После выполнения этой настройки все последующие вызовы iziToast.show() будут работать без анимации, пока не будут переопределены локально.

Влияние на скорость и восприятие

Отключение анимаций влияет на пользовательский опыт. Уведомления отображаются мгновенно, что может быть полезно в интерфейсах с большим потоком информации, где визуальные эффекты замедляют восприятие.

Важно помнить, что полностью статические уведомления могут казаться резкими или внезапными, поэтому для некоторых типов сообщений рекомендуется использовать минимальные анимации, например fadeIn и fadeOut, вместо полного отключения.

Управление временем появления без анимаций

Даже при отключенных анимациях сохраняется возможность управлять временем отображения уведомления с помощью параметра timeout.

iziToast.show({
    title: 'Без анимации',
    message: 'Уведомление будет видно 5 секунд',
    transitionIn: 'none',
    transitionOut: 'none',
    timeout: 5000
});

Это позволяет контролировать продолжительность показа уведомления, сохраняя интерфейс мгновенным.

Отключение анимаций для конкретного типа уведомлений

Если в приложении используются различные типы уведомлений — success, error, info, warning — их анимации можно отключать отдельно через соответствующие функции:

iziToast.success({
    title: 'Успех',
    message: 'Это уведомление без анимации',
    transitionIn: 'none',
    transitionOut: 'none'
});

iziToast.error({
    title: 'Ошибка',
    message: 'Ошибка отображается мгновенно',
    transitionIn: 'none',
    transitionOut: 'none'
});

Такой подход удобен при необходимости сочетания анимированных и статичных уведомлений в одном проекте.

Взаимодействие с пользовательскими стилями

Отключение анимаций не мешает применению кастомных стилей к уведомлениям. Можно изменять фон, шрифты, размеры и позиции без необходимости учитывать переходы.

iziToast.show({
    title: 'Кастомный стиль',
    message: 'Без анимации, с индивидуальным оформлением',
    transitionIn: 'none',
    transitionOut: 'none',
    theme: 'dark',
    position: 'topRight'
});

Использование таких настроек позволяет создавать строгие и статичные интерфейсы, где уведомления интегрированы как часть общей визуальной структуры.

Работа с массовыми уведомлениями

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

for(let i = 0; i < 20; i++) {
    iziToast.show({
        title: `Уведомление ${i+1}`,
        message: 'Без анимации',
        transitionIn: 'none',
        transitionOut: 'none'
    });
}

Такой подход обеспечивает быстрый и отзывчивый интерфейс даже при большом потоке сообщений.

Оглавление