Levels Sticky Header / Nav Bar

[lesliekirk]

Does Levels have a sticky header available? Or can someone point me to a good method to implement? I'm actually needing to add a mid-page sticky menu. I've found Bootstrap examples, but...

[Bruce - PhosphorMedia]

"sticky" is basically using a js/jquery event to apply a style (i.e, sticky) which has a 'position:absolute' parameter. you can trigger the event based on 'scroll'.

here is a jquery snippet. (sorry, not as up on JS as JQuery.)

$(document).bind("scroll", function() {
   if ($(document).scrollTop() >= 300) {
      $("#sticky-header").addClass("sticky");      
   }
});

[lesliekirk]

Thanks Bruce - PhosphorMedia but Levels does have a "Stuck" function. See the plugin.js file item number 15

15) Stuck - On Scroll, add a class that fixes an elements position to the top

I just need to know what needs to be done to activate it now that I've found it.

[Bruce - PhosphorMedia]

sorry, no idea. the only levels site we have doesn't use the sticky header. might be quicker just to add script shown. (Note: if the site isn't using jQuery, then just google "add class via javascript" and use the W3C schools site if it comes up.