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

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

Пните в нужную сторону.
https://jsfiddle.net/webirus/b0oLL9zr/
Нужно закрепить .header, когда прокрутили блок слайдера и шапка "касается" топа страницы?
Высота динамическая, со статичной проблем не было бы.
А так не могу додуматься, как высчитать всё)
  • Вопрос задан
  • 438 просмотров
Решения вопроса 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
Похожие вопросы
AD-VI Нижний Новгород
от 30 000 до 50 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
22 янв. 2019, в 21:11
800 руб./в час
22 янв. 2019, в 20:53
6006 руб./за проект
22 янв. 2019, в 20:48
20000 руб./за проект