Editor X: добавление и настройка эффектов прокрутки хедера
4 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Привлеките внимание посетителей к хедеру и выделите его, добавив эффекты прокрутки. При добавлении эффекта закрепления в хедер вы также можете заставить его двигаться, исчезать или менять цвета при прокрутке.
Содержание:
Добавление эффекта прилипания к хедеру
Настройте хедер так, чтобы он прокручивался на странице. Сначала посетители видят хедер там, где он и находится на странице, но он «прилипает» к экрану при прокрутке вниз.
Чтобы добавить эффект прилипания при прокрутке:
- Выберите хедер в редакторе.
- Нажмите на раздел Расположение в Инспекторе
. - Нажмите на раскрывающийся список Тип расположения и выберите Прилипание.
- (Необязательно) Добавьте значение смещения над элементом, которое представляет собой расстояние, на котором элемент всегда должен находиться от верхней части экрана.
Добавление эффекта прокрутки с закреплением в хедер
Закрепите хедер, когда посетители прокручивают страницу вниз.
Чтобы добавить эффект прокрутки "Закрепление":
- Выберите хедер в редакторе.
- Нажмите на раздел Расположение в Инспекторе .
- Нажмите на раскрывающийся список Тип расположения и выберите Закрепление.
Добавление переходов и цветов заливки при прокрутке
При использовании эффекта прокрутки с закреплением вы можете создавать эффектные переходы и изменять цвет фона хедера по мере того, как посетители прокручивают страницу вниз.
Чтобы добавить переходы и цвета заливки при прокрутке:
- Выберите хедер в редакторе.
- Добавьте эффект прокрутки с закреплением:
- Нажмите на раздел Расположение в Инспекторе .
- Нажмите на раскрывающийся список Тип расположения и выберите Закрепление.
- Нажмите на раздел Расположение в Инспекторе
- Настройте поведение прокрутки хедера, выполнив следующие действия:
Перемещение хедера при прокрутке
Настройте хедер так, чтобы он исчезал
Изменение цвета фона хедера
Примечание:
Несмотря на то, что вы можете установить целевой цвет фона вместе с переходом, невозможно комбинировать эффект Исчезновение и Движение в одном эффекте.
Удаление эффекта прокрутки
Вы всегда можете удалить эффект прокрутки, который вы ранее добавили в хедер.
Чтобы удалить эффект прокрутки:
- Выберите хедер в редакторе.
- Нажмите на раздел Расположение в Инспекторе .
- Нажмите на раскрывающийся список Тип расположения и выберите По умолчанию.
Была ли статья полезна?
|