header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image

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

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

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

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

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

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

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

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

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

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