Пытаюсь сделать, чтобы класс оформления меню при скролле менялся на другой. Попытался сделать, но не получилось! Где ошибка?
P.S: Cильно не ругайте) в скриптах 0 полный)
Css стили:
ul.hr {
margin: 0;
float: right;
}
ul.hr li {
display: inline;
margin-right: 10px;
padding: 20px 5px 17px 5px;
font-size: 20px;
}
ul.hr .fixed {
background: none;
color: #fff;
}
ul.hr .fixed:hover {
border-bottom: 3px solid #fff;;
}
ul.hr .unfixed {
background: #fff;
color: #000;
}
ul.hr .unfixed:hover {
border-bottom: 3px solid #000;;
}
javasсript
$(window).load(function(){
$('.fixBlock').liFixar({
side: 'top',
position: 0,
fix: function(el, side){
el.addClass("fixed");
el.liFixar('update')
},
unfix: function(el, side){
el.removeClass("fixed");
el.addClass("unfixed");
el.liFixar('update')
}
});
})