Wix Parallax Effect

• May 12, 2024

Хорошая анимация на сайтах Wix - эффект прокрутки параллакса. Это не настоящая анимация, но она добавляет иллюзию движения, глубины и размеров на вашу веб-страницу.

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

Эта техника создана с использованием JavaScript, CSS и элементов div. Следует иметь в виду, что большинство мобильных устройств имеют проблемы с фиксированным фоновым CSS. Итак, Wix отключает эффект для мобильных устройств.

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

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

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

Третий параметр, параметр «Заморозить», для параметров «Эффекты прокрутки» для фонового изображения заключается в блокировке фонового изображения на месте, когда остальные элементы страницы прокручиваются вверх или вниз.

Добавить параллакс к фоновому изображению

1. Нажмите значок «Фон» в боковом меню.
   
   
2. Добавьте свое фоновое изображение как обычно.
   
   
3. Нажмите кнопку «Настройки», чтобы открыть настройки изображения.
   
   
4. Выберите один из трех вариантов эффектов прокрутки.
   
   
   • Нет - фон будет двигаться с той же скоростью, что и другие элементы на странице.
     
     
   • Параллакс - фон будет двигаться медленнее, чем другие элементы на странице.
     
     
   • Заморозить - фон останется на месте, но остальные элементы будут прокручиваться.
     
     

Добавьте Параллакс, чтобы Полосить Изображение или Видео

1. Выберите полосу и выберите «Изменить фон полосы» во всплывающем меню.
   
   
2. Добавьте фоновое изображение или видео как обычно.
   
   
3. Нажмите кнопку «Настройки», чтобы открыть настройки изображения.
   
   
4. Далее выберите параллакс из эффектов прокрутки.
   
   

Видео инструкция: Parallax Scrolling | Easily add stunning scrolling effects to your Wix website (May 2024).