0

Здравствуйте, уважаемые HashCoderы.

Вопрос в том, что бывает меню, которое при скроллинге прилипает к верхней части сайта! Как такое реализовать на этом примере? Помогите.

3 ответа 3

0

Тут глянь

2
  • Помогло! Спасибою
    – maximсka
    14 мар 2015 в 17:24
  • На здоровье. Удачи
    – densmith
    14 мар 2015 в 18:36
0

Нужно на джаваскрипте добавлять класс, когда проскролили высоту шапки.

И уже в css дописывать position:fixed.

0

Как-то так:

$(window).scroll(function() {
    var $block = $('#block'); // ID шапки

    if($(window).scrollTop() > $block.offset().top) { // Тут идея в том, что блок привязывается к верху, как только "прилипает" к верху окна браузера. Замените $block.offset().top на любое значение и получится, что когда вы проскроллили на большее кол-во пиксейлей, чем указали, добавиться класс к шапке.
        $block.addClass('fixed'); // Добавляем класс fixed. В стилях указываем для него position:fixed, height и прочее, чтобы сделать шапку фиксированной.
    } else {
        $block.removeClass('fixed'); // удаляем класс
    }
});

Разумеется, в CSS нужно написать стили для класса fixed, чтобы зафиксировать нужный вам блок.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.