Здравствуйте, подскажите пожалуйста, не пойму почему не работает.
Вообще сделал всплывающие меню с анимацией css , при присвоении класса всплывает, при присвоении другого класса уезжает вверх, сначала сделал так
jQuery(function (f) {
f(window).scroll(function () {
f('#hide-navbar-header')[(f(this).scrollTop() > 180 ? "add" : "remove") + "Class"]("hide-navbar-header_fixed");
f('#hide-navbar-header')[(f(this).scrollTop() < 180 ? "add" : "remove") + "Class"]("hide-navbar-header_hide");
});
});
Все присваивает, но получается что при первой прокрутке появляется анимация исчезновения ещё до того как оно всплыло, задача состоит в том чтобы он присваивал класс только после того как оно всплыло в первый раз, все облазил, перечитал получилось вот это
script>
jQuery(function (f) {
f(window).scroll(function () {
if (f('#hide-navbar-header')[(f(this).scrollTop() > 180 )]){
f('#hide-navbar-header').addClass("hide-navbar-header_fixed");
} else if(f('#hide-navbar-header')[(f(this).scrollTop() <= 180 && f('#hide-navbar-header').hasClass("hide-navbar-header_fixed"))]) {
f('#hide-navbar-header').removeClass("hide-navbar-header_fixed").addClass("hide-navbar-header_hide");
}
});
});
</script>
Ошибки выдавать перестал, но просто не работает , что не так ? помогите допилить пожалуйста