@z_u_q

Как при скролле до определенного блока показывать фиксированный блок?

Здравствуйте. Как сделать так, чтобы фиксированная шапка была не постоянно, а появлялась только, когда дохожу до блока .block? Как такое реализовать? Возможно есть какие-то примеры реализаций. Спасибо!

Ссылка на пример
  • Вопрос задан
  • 919 просмотров
Пригласить эксперта
Ответы на вопрос 1
sinneren
@sinneren
У шапки ставить position:sticky \ fixed когда дошли до блока .block.
А на js узнавать это
$(document).scroll(function () {
    if ($(this).scrollTop() <= ($(".block").offset().top - $(window).height())) {
       //sticky
    } else {
        //not sticky
    }
}
Ответ написан
Ваш ответ на вопрос

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

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