[Pytanie] Czy jest da się dynamiczne przekazywać zmienną do reguły w CSS, znajdującej się np: w klasie. Not style

Question

O co mi chodzi. Mam id CSS np:

#header

{

height: 600 px;

}

I podczas zdarzenia onscroll. Chce przekazać wartość:

var thisHeight = document.getElementById("header").clientHeight - window.scrollY;

Obecnie robię  to tak.

document.getElementById("header").style.height = thisHeight;

I tworzy mi się osobny selektor style. Chciałbym by  bezpośrednio przekazać do id CSS, do reguły height, wartość thisHeight. Czy jest to możliwe?

Answer 1

Nie rozumiem, chodzi o to, aby rozmiar header-a dostosowywał się do rozmiaru treści?
Nadaj mu display: inline-block; powinno pomóc.

Comments

Nie coś w stylu header.classList.add ("klasa") , tylko że do tej istniejącej wraz wartością.

Czyli

powiedzmy moje thisHeight wynosi 100 px.

I mam klasę height i chce by np: moja reguła height tyle wyniósła i reagowała na zmianę thisHeight. Dynamicznie zmieniało wartość.