Как в js добавить id и стили?

Есть код который скрывает хедер при прокрутке
нужно в этот код добавить еще несколько различных id и смену стилей при этой же прокрутке
var oldScrollY = 0;
 var div = document.getElementById("fixedDiv");

 window.onscroll = function() {
   var scrolled = window.pageYOffset || document.documentElement.scrollTop;
   var dY = scrolled - oldScrollY;
  
   if ( dY > 0 ){
     div.className = "fixed fixed-bottom";
  } else {
    div.className = "fixed fixed-top";
   }

  oldScrollY = scrolled;
}


чет тупое добавление не работает, как и копипаст всего кода и замена в нем (выполняется при этом только последний)
  • Вопрос задан
  • 121 просмотр
Решения вопроса 1
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Не меняя исходный код, можно сделать так:

var oldScrollY = 0;
var div = document.getElementById("fixedDiv");
var divTWO = document.getElementById("fixedDiv-two"); // объявляем переменную с новым элементом

window.onscroll = function () {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  var dY = scrolled - oldScrollY;

  if (dY > 0) {
    div.className = "fixed fixed-bottom";
    divTWO.className = "fixed2 fixed-bottom2"; // добавляем для второго элемента классы
  } else {
    div.className = "fixed fixed-top";
    divTWO.className = "fixed2 fixed-top2"; // заменяем для второго элемента классы
  }

  oldScrollY = scrolled;
};
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@eugenekazakov
Превозмогание и React
Приложите код, где вы пытаетесь добавить id и стили, либо вы что-то не так делаете, либо забыли очистить кэш (нажать ctrl + f5)

Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы