Получи 1 из 3 лицензий WPForms бесплатно!

Giveaway от разработчика плагина. Срок проведения 01.11.2019 – 31.12.2019.

wpforms-logo-300
 »  Снипеты  »  Как скрывать хедер при прокручивании вниз и показывать при прокручивании вверх

Как скрывать хедер при прокручивании вниз и показывать при прокручивании вверх

Последнее обновление:

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

В этой статье вы узнаете, как скрывать хедер при прокручивании страницы вниз, и как показывать хедер при прокручивании страницы вверх в Elementor Pro.

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

1. Добавьте хедеру прилипание к верху экрана

Создайте хедер, добавьте прилипание и цвет фона:

Добавьте липкую секцию
Прилипать к верху

2. Дайте ID секции

Дайте хедеру ID «stickyheaders»:

Elementor - дайте секции ID
ID stickyheaders

3. Добавьте код в хедер

Добавьте этот код на страницу, где вы хотите иметь липкий хедер, или в сам шаблон хедера:

Замените высоту хедера на ваше значение в строке 27.

Надеюсь, статья была полезна. Оставляйте комментарии.

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!