Как добавить класс при прокрутке страницы без jqwery?

Доброго времени суток!

Как добавить класс элементу при прокрутке страницы без JQWERY?

let size = screen.width;
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop ;
    var fixblock = document.querySelector(".header_top-line");;
    var scene = document.querySelector('scene');
    console.log(scrollTop,fixblock,scene);
    if (size > 1200) {
       window.addEventListener("scroll",function fixMenu(event) {
            if (scrollTop>28) {            
                /*Добавляем блоку с классом div.header_top-line класс fixed*/
                fixblock.classList.add('fixed');
                /*Добавляем блоку с классом div.scene ('margin-top','0px') */
            }else if (scrollTop>40){
                /*Убираем у блока с классом div.header_top-line класс fixed*/
                /*Убираем у блока с классом div.scene ('margin-top','-100px') */
            }        
        });
    }
  • Вопрос задан
  • 94 просмотра
Решения вопроса 1
IlyaDeveloper
@IlyaDeveloper
Top Rated | Expert Web Developer
Бро просто 2 минуты надо было посикать вот
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы