Редактор Wix: добавление эффектов прокрутки к фону изображения

2 мин. чтения
Добавьте на сайт эффект прокрутки.
Фоновая прокрутка создает уникальный эффект, когда посетители перемещаются по вашему сайту, и вы можете применить фиксацию или параллакс в соответствии с внешним видом и контентом вашего сайта.
Содержание:
  • Параллакс-прокрутка
  • Замирание
Важно:
Эффекты прокрутки можно увидеть только в режиме предпросмотра / превью или на опубликованном сайте. То, как эффект отображается в редакторе, отличается от того, как он выглядит на опубликованном сайте.

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

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

Чтобы добавить эффект параллакса:

  1. Перейдите на соответствующую страницу в редакторе. 
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Наведите курсор на фон страницы и нажмите Настроить.
  4. Нажмите Настройки  на превью фонового изображения.
  5. Выберите Параллакс в разделе Эффекты прокрутки.
GIF, показывающий действующий сайт Wix с параллакс-прокруткой на фоне изображения.
Примечание:
Поскольку этот эффект требует, чтобы изображение заполнило всю страницу, мы рекомендуем использовать большие высококачественные изображения для фона страницы.

Добавление эффекта замирания к фоновому изображению

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

Чтобы добавить эффект замирания:

  1. Перейдите на соответствующую страницу в редакторе. 
  2. Нажмите Дизайн сайта  в левой части редактора.
  3. Наведите курсор на фон страницы и нажмите Настроить.
  4. Нажмите Настройки  на превью фонового изображения.
  5. Выберите Замирание в разделе Эффекты прокрутки.
GIF, показывающий действующий сайт Wix с фиксированной прокруткой на фоне изображения.

Была ли статья полезна?

|