jQuery多个滚动功能标题

-1

代码的更新到目前为止我得到了什么。我得到了而不是var搜索和请求像素，但我想var。这对代码更好，它更准确。jQuery多个滚动功能标题

$(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(); 
     } 
    }); 
    } 
});

希望你能帮助我。

来源

2014-10-03 Jeroen

所以你想'1'如果500px以上，'2'如果你是在500和1000之间？ – starvator 2014-10-03 14:00:40

没有（二）必须在1000px以上 – Jeroen 2014-10-03 14:02:24

检查我的答案，我编辑它。让我知道它是否有效。 – starvator 2014-10-03 14:07:28

如果我明白你想要什么，这是你的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'); 
     } 
    }); 
});

来源

2014-10-03 14:03:09 starvator

你也可以考虑以下header.removeClass（ 'clearHeader extraHeader'）addClass（ 'darkHeader'）。

来源

2014-10-03 14:15:53

jQuery多个滚动功能标题

回答

相关问题