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

Question

[Сергей Горячев]

Пните в нужную сторону.
https://jsfiddle.net/webirus/b0oLL9zr/
Нужно закрепить .header, когда прокрутили блок слайдера и шапка "касается" топа страницы?
Высота динамическая, со статичной проблем не было бы.
А так не могу додуматься, как высчитать всё)

Answer 1

[Владимир Ионенко]

Если я Вас правильно понял, то можно поступить следующим образом :

$(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;
}

Comments

[Сергей Горячев]

Что-то я и не подумал, что там есть еще одна высота)55555555

Answer 2

[Edward]

https://jsfiddle.net/edalis/hc2z1ngs/

Comments

[Сергей Горячев]

Что-то я и не подумал, что там есть еще одна высота)

Answer 3

[Александр]

https://jsfiddle.net/poqffpgv/