javascript - Activating a jquery function only in desktop mode? -
i have jquery funciton sticks navbar top of webpage, want feature in desktop , tablet mode (not in phone mode). how de-activate function?
$(document).scroll(function(){ var elem = $('.navbar'); if (!elem.attr('data-top')) { if (elem.hasclass('navbar-fixed-top')) return; var offset = elem.offset() elem.attr('data-top', offset.top); } if (elem.attr('data-top') <= $(this).scrolltop() ) elem.addclass('navbar-fixed-top'); else elem.removeclass('navbar-fixed-top'); });
use css media queries manipulate nav bar. browser/os detection shouldn't factor styling, resolution , media type.
what syntax css media query applies more 1 property (and operator)?
https://developer.mozilla.org/en-us/docs/web/guide/css/media_queries
Comments
Post a Comment