Показать сообщение отдельно
  #7 (permalink)  
Старый 11.11.2016, 11:25
Интересующийся
Отправить личное сообщение для vittoS Посмотреть профиль Найти все сообщения от vittoS
 
Регистрация: 05.11.2016
Сообщений: 10

Добрые люди намекнули как на JS эти инструкции можно записать.
Вот. переписал почти на чистом.
//    header scroll
    $(window).scroll(function() {
        if ($(this).scrollTop() > 1) { 
            document.getElementsByClassName('navigation')[0].style.display = "none";   
            document.getElementsByClassName('header')[0].classList.add('header_sticky');
            document.getElementsByClassName('logo')[0].classList.add('logo_sticky'); 
            document.getElementsByClassName('header__switch')[0].style.display = "block";
        } else {
            document.getElementsByClassName('navigation')[0].style.display = "block";
            document.getElementsByClassName('header')[0].classList.remove('header_sticky'); 
            document.getElementsByClassName('logo')[0].classList.remove('logo_sticky'); 
            document.getElementsByClassName('header__switch')[0].style.display = "none";
        }
    }); // end header scroll


Пока что грубоватая модель но хотя бы видно куда двигаться
А как добавить плавности исчезновению? И что значит нулевой индекс массива ([0]) после объявления селектора класса в инструкции?
Ответить с цитированием