webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...

Как закрепить элемент position: fixed, когда он «касается» top страницы?

Пните в нужную сторону.
https://jsfiddle.net/webirus/b0oLL9zr/
Нужно закрепить .header, когда прокрутили блок слайдера и шапка "касается" топа страницы?
Высота динамическая, со статичной проблем не было бы.
А так не могу додуматься, как высчитать всё)
  • Вопрос задан
  • 405 просмотров
Решения вопроса 3
Если я Вас правильно понял, то можно поступить следующим образом :
$(document).ready(function(){
     $(window).scroll(function(){
     	var headerHeight = $('.slider').height();
        if ($(this).scrollTop() >headerHeight) {
            $('.header').addClass("fixed");
        } else {
           $('.header').removeClass("fixed");
        }
    });
});


Ну и собственно добавить в css класс
.fixed {
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
Мой доктор 24 Москва
от 90 000 руб.
от 10 000 до 15 000 руб.
17 авг. 2018, в 17:10
15000 руб./за проект
17 авг. 2018, в 16:58
60000 руб./за проект