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多個滾動功能標題

回答

相關問題