Хотите применить эффект прокрутки в Elementor?

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

Сам эффект прокрутки — это функция, доступная на Факир Pro. Итак, вам нужно обновить свой Elementor на профессиональную версию, если вы этого еще не сделали.

Что такое эффект прокрутки?

Это тип анимационного эффекта, который возникает, когда пользователи прокручивают мышью страницу. Будь то вверх или вниз. Эффект может варьироваться в зависимости от ваших настроек. Сам Elementor предлагает 6 вариантов эффекта:

  • Вертикальная прокрутка: объект будет двигаться вертикально при прокрутке мыши
  • Скроллинг горизонтальный: объект будет двигаться горизонтально при прокрутке мыши
  • Прозрачность: Объект будет казаться прозрачным до прокрутки мыши
  • Размыто: Объект будет казаться размытым перед прокруткой мыши
  • масштаб: Объект появится в определенном масштабе перед прокруткой мыши

Вы можете применить эффект прокрутки к разделу, столбцу или виджету.

Как применить эффект прокрутки в Elementor

Как мы уже упоминали, эффект прокрутки — одна из особенностей Elementor Pro. Другими словами, для использования этой функции вы должны использовать Elementor Pro.

В этом уроке мы покажем вам, как применить эффект горизонтальной прокрутки. Как следует из названия, этот эффект применяет вертикальное движение к объекту при прокрутке мыши. Этот эффект превосходен в сочетании с Лотти.

Ниже приведен пример перед применением эффекта горизонтальной прокрутки.

применить эффект прокрутки в Elementor

А вот пример после применения горизонтальной прокрутки.

применить эффект прокрутки в Elementor

Примечание: В следующем руководстве используется Lottie.

Добавлен эффект прокрутки

Опять же, вы можете применить эффект прокрутки к разделу, столбцу или виджету.

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

Активируйте опцию Эффекты прокрутки.

применить эффект прокрутки в Elementor

Поскольку мы хотим применить эффект горизонтальной прокрутки, щелкните значок карандаша на опции Горизонтальная прокрутка для настройки таких параметров, как направление (влево или вправо), скорость и окно (область, видимая пользователю).

применить эффект прокрутки в Elementor

Вы можете применить несколько эффектов прокрутки, если хотите. Просто щелкните значок карандаша на других параметрах эффекта прокрутки, чтобы применить другие эффекты прокрутки.

Вот и все. Когда страница будет заполнена, вы можете публиковать / обновить его. Вы также можете отключить эффект прокрутки на определенном типе устройства. Просто удалите устройство, на котором вы хотите отключить эффект прокрутки, нажав на значок X немедленно Применение эффектов к .

применить эффект прокрутки в Elementor

Получить Elementor Pro сейчас !!!

Заключение

Здесь ! В этой статье рассказывается, как применить эффект прокрутки в Elementor. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите нам об этом в течение Комментарии.

Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...