Announcement

Collapse
No announcement yet.

Levels Sticky Header / Nav Bar

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Bruce - PhosphorMedia
    replied
    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.

    Leave a comment:


  • lesliekirk
    replied
    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.

    Leave a comment:


  • Bruce - PhosphorMedia
    replied
    "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.)

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

    Leave a comment:


  • lesliekirk
    started a topic Levels Sticky Header / Nav Bar

    Levels Sticky Header / Nav Bar

    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...
Working...
X