Höhe eines Elements je nach Scrollposition ändern

[JürgenB]

Hallo Matthias,

Der Effekt, z.B. den Header flacher anzuzeigen, wenn man auf einer Seite ein Stück nach unten gescrollt hat, sollte ja bekannt sein.

Beim wieder zurückscrollen kann das vor allem am Handy ganz schön nervig sein.

man kann aber mit window.matchMedia die Mediaqueries ins JS holen und so den Effekt nur auf großen Bildschirmen laufen lasen.

Kann ich den Effekt auch mit reinem CSS erzeugen oder brauche ich dazu zwingend JavaScript?

imho nein, du musst mit JS für ein (übergeordnetes) Element die Klassenzugehörigkeit ändern.

oder Größe / Position von der Scrollposition anhängen lassen.

if(window.scrollY) pos = window.scrollY;
		else if(document.documentElement.scrollTop) pos = document.documentElement.scrollTop;

Gruß
Jürgen