В этой статье рассмотрим, как добавить css класс элементу с помощью jquery и метода .addClass.
Ранее я писал о том, как на jquery сделать исчезновение кнопки при прокрутке страницы.
Скрипт исчезновения и появления кнопки при прокрутке (скроллинге) страницы.
В этой статье в качестве примера будем использовать этот же скрипт, только немного изменим его.
1Например, на сайте есть мобильное меню с классом .mobilemenu, которое необходимо зафиксировать вверху страницы при прокрутке.
2 Для этих целей будем использовать скрипт, который при скроллинге на 250 пикселей вниз будет добавлять у меню класс с именем fixed.
jQuery(document).ready(function($){
$(window).scroll(function () {
if ($(this).scrollTop() > 250) { // при прокрутке страницы на 250 пикселей вниз
$('.mobilemenu').addClass('fixed'); // добавляем класс
} else {
$('.mobilemenu').removeClass('fixed'); // в противном случае удаляем класс
}
});
});
</script>
3 Css код класса fixed, который фиксирует меню:
.fixed {
position:fixed;
top:0;
left:0;
rigth:0;
width:100%;
}
</style>
Высотные работы в Архангельске. Ремонт межпанельных швов, уборка снега с крыш, промышленные альпинисты.
