Здравствуйте, уважаемые HashCoderы.
Вопрос в том, что бывает меню, которое при скроллинге прилипает к верхней части сайта! Как такое реализовать на этом примере? Помогите.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЗдравствуйте, уважаемые HashCoderы.
Вопрос в том, что бывает меню, которое при скроллинге прилипает к верхней части сайта! Как такое реализовать на этом примере? Помогите.
Нужно на джаваскрипте добавлять класс, когда проскролили высоту шапки.
И уже в css дописывать position:fixed.
Как-то так:
$(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, чтобы зафиксировать нужный вам блок.