HelenaS
@HelenaS

Как сделать sticky header, что он появлялся при прокрутке?

Добрый день!

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

Заранее спасибо за помощь)
  • Вопрос задан
  • 10666 просмотров
Решения вопроса 2
Igor_307
@Igor_307
Фрилансер
Практически тоже что написал SergZay только с отдельным классом, потом просто проще настаивать под разные разрешения, если планируется оптимизация под все экраны

$(window).scroll(function() {
                var top = $(document).scrollTop();
                if (top < 300) $(".top_nav").removeClass('fixed');
                else $(".top_nav").addClass('fixed');
            });

.fixed{
position: fixed;
//дополнительные стили
}
Ответ написан
Комментировать
@SergZay
$(window).scroll(function() {
                var top = $(document).scrollTop();
                if (top < 300) $(".top_nav").css({top: '0', position: 'relative'});
                else $(".top_nav").css({top: '64px', position: 'fixed'});
            });

Я использую такой код
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Clever_Coyote
@Clever_Coyote
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы