چگونه می توان به منو دو کلاس داد؟
کد زیر برای تغییر منو وقتی اسکرول می کنیم استفاده می شود
$(document).ready(function(){
var scrollTop = 0;
$(window).scroll(function(){
scrollTop = $(window).scrollTop();
$('.counter').html(scrollTop);
if (scrollTop >= 100) {
$('#g-header').addClass('small ');
} else if (scrollTop < 100) {
$('#g-header').removeClass('small ');
}
});
});
حالا چگونه می توانم به منو دو کلاس بدم که در قسمت شرطی اگر اسکرول پایین آمد منو مثلا ارتفاعیش تغییر کند.