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

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

Пните в нужную сторону.
https://jsfiddle.net/webirus/b0oLL9zr/
Нужно закрепить .header, когда прокрутили блок слайдера и шапка "касается" топа страницы?
Высота динамическая, со статичной проблем не было бы.
А так не могу додуматься, как высчитать всё)
  • Вопрос задан
  • 410 просмотров
Решения вопроса 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 руб.
Webit Москва
До 90 000 руб.
Finch Москва
от 120 000 до 150 000 руб.
21 окт. 2018, в 22:38
1200 руб./за проект
21 окт. 2018, в 17:05
5000 руб./за проект