jquery live滚动检测

Question

我该如何设置多个滚动值？例如，我想让“sub-nav-controls”在不同于“wrap-nav-slider”的位置切换。然而，他们目前都在96岁。我试图打破它们，但它打破了剧本。

var fixed = false; 
$(document).live("scroll", function(e) { 
    if ($(this).scrollTop() > 96) { 
     if (!fixed) { 
      fixed = true; 
      $('.setup-page .wrap-nav-slider').addClass('nav-slider-fixed'); 
      $('.setup-page .sub-nav-controls').addClass('sub-nav-controls-fixed'); 

     } 
    } else { 
     if (fixed) { 
      fixed = false; 
      $('.setup-page .wrap-nav-slider').removeClass('nav-slider-fixed'); 
      $('.setup-page .sub-nav-controls').removeClass('sub-nav-controls-fixed'); 
     } 
    } 
}); 

Answer 1

其拆分为两个独立的if语句，并使用.hasClass而不是一个布尔变量的。

$(document).live("scroll", function (e) { 
    if ($(this).scrollTop() > 96) { 
     $('.setup-page .wrap-nav-slider').addClass('nav-slider-fixed'); 
    } else { 
     $('.setup-page .wrap-nav-slider').removeClass('nav-slider-fixed'); 
    } 

    if ($(this).scrollTop() > 202) { 
     $('.setup-page .sub-nav-controls').addClass('sub-nav-controls-fixed'); 
    } else { 
     $('.setup-page .sub-nav-controls').removeClass('sub-nav-controls-fixed'); 
    } 
}); 

_{免责声明：还有更好的方法这}