Javascript jQuery多滚动函数头

到目前为止我得到的代码的更新。 我得到的不是var搜索和请求像素，而是var。这对代码来说更好，而且更准确

$(document).ready(function() {

  if (document.getElementById("style-request")) {
    $(".search_bar_knop").hide();
    $(".submit-a-request").hide();

    $(window).scroll(function() {    

      var scroll = $(window).scrollTop();
      var request = document.getElementsByClassName("submit-a-request");
      var search = document.getElementsByClassName("search_bar_knop");

      if (scroll >= search) {
        $(".search_bar_knop").show();
        document.getElementsByClassName('helpcenter')[0].style.visibility='hidden';
      }
      else {
        $('.search_bar_knop').hide();
        document.getElementsByClassName('helpcenter')[0].style.visibility='visible';
      }

      if (scroll >= request)  {
        $('.submit-a-request').show();
      } 
      else  {
        $('.submit-a-request').hide();
      }
    });
  }
});

---

希望你能帮我。如果我明白你的意思， 这是您的jQuery

$(function() {
    var header = $(".clearHeader");
    $(window).scroll(function() {    
        var scroll = $(window).scrollTop();

        if (scroll >= 500 && scroll <= 1000) {
            header.removeClass('clearHeader extraHeader').addClass('darkHeader');
        } 
        else if (scroll >= 1000) {
            header.removeClass('darkHeader clearHeader').addClass('extraHeader');
        }
        else {
            header.removeClass('darkHeader extraHeader').addClass('clearHeader');
        }
    });
});

$（函数（）{
var header=$（“.clearHeader”）；
$（窗口）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=500&&scroll=1000）{
header.removeClass（'darkHeader clearHeader'）.addClass（'extraHeader'）；
}
否则{
header.removeClass（'darkHeader extraHeader'）.addClass（'clearHeader'）；
}
});
});
< /代码> 您也可以考虑以下标题：ReaveCuLASS（'CultHealeExuthHead’）。addClass（“暗头”）； 所以你想要
1
如果高于500px，
2
如果你在500和1000之间？不，两个必须高于1000px检查我的答案，我编辑了它。让我知道它是否有效。不幸的是，这不起作用。看我做的演示。我添加了一些关于这个问题的更多信息