Добрый день!
Вот такой вариант подойдет?

const header = document.querySelector(".header");

const onWheel = () => {
  if (window.pageYOffset > 0) {
    header.classList.add("header--scroll");
  } else {
    header.classList.remove("header--scroll");
  }
};

document.onwheel = () => {
    onWheel(); 
};

Здравствуйте!
Может быть вот тут есть то, что Вам подойдет :)

none - не отображает границу и ее толщина (border-width) задается нулевой.
hidden - имеет тот же эффект, что и none за исключением применения border-style к ячейкам таблицы, у которой значение свойства border-collapse установлено как collapse. В этом случае вокруг ячейки граница не будет отображаться вообще.