2014-10-03 3 views
-1

обновление кода, что я получил до сих пор. Я получил вместо поиска поиска и запроса, но я хочу 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(); 
     } 
    }); 
    } 
}); 

Надеюсь, вы могли бы мне помочь.

+0

так что вы хотите '1', если выше 500px,' 2', если вы находитесь между 500 и 1000? – starvator

+0

Нет (два) должно быть выше 1000px – Jeroen

+0

проверить мой ответ, я его отредактировал. Дайте мне знать, если это сработает. – starvator

ответ

0

Если я понял, что вы хотите, Вот ваш 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'); 
     } 
    }); 
}); 
0

Можно также рассмотреть следующие header.removeClass ('clearHeader extraHeader') addClass ('darkHeader').

Смежные вопросы