javascript Scroll上的Sticky Nav

Posted 2021-05-04

var stickySidebar = $('.sticky-wrap-nav-holder').offset().top;

// Sticky Menu on Scroll
jQuery(window).scroll(function() { 
    // Once the top of the nav element hits the top of the browser, make the nav sticky
    if (jQuery(window).scrollTop() > stickySidebar) {
        jQuery('.sticky-wrap-nav-holder .nav-holder').addClass('fixed-position');
    }
    else {
        jQuery('.sticky-wrap-nav-holder .nav-holder').removeClass('fixed-position');
    }  
});

// STICKY NAV - DELAYING ANIMATION ON SCROLL
jQuery(window).scroll(function() { 
     if (jQuery(window).scrollTop() > 100) {
         jQuery('header').addClass('sticky').delay(100).queue(function(next) {
            jQuery(this).addClass('sticky_animate');
            next();
         });
         jQuery('.q_logo > a').css('height', 50);
         jQuery('.content').css('padding-top', 134);
     }
     else {
         jQuery('header').removeClass('sticky sticky_animate');
         jQuery('.q_logo > a').css('height', 90);
         jQuery('.content').css('padding-top', 0);
     }  
 });