jquery - Multiple conditions in "if else" statement -
i'm trying use multiple conditions in if else statement, say: if scroll-top greater 0 , .skiptranslate visible ... of course code not work ... suggestions?
$(window).scroll(function(){ if ($(window).scrolltop() > 0) { $('.header-main').css({ "position" : "fixed", "top" : "0" }); if else ($(window).scrolltop() > 0 && $('.skiptranslate').is(':visible')) { $('.header-main').css({ "position" : "fixed", "top" : "39px" }); } else { $('.header-main').css({ "position" : "absolute", "top" : "0" }); } });
i think if-else statement wrong, try below code in project , if works, drink coffee before start again.
$(window).scroll(function(){ if ($(window).scrolltop() > 0 && $('.skiptranslate').is(':visible')) { $('.header-main').css({ "position" : "fixed", "top" : "39px" }); } else if ($(window).scrolltop() > 0) { $('.header-main').css({ "position" : "fixed", "top" : "0" }); } else { $('.header-main').css({ "position" : "absolute", "top" : "0" }); } });
Comments
Post a Comment