Höhe eines Elements je nach Scrollposition ändern

[Auge]

Hallo

Allerdings verändert sich mit der Verringerung der Höhe des Headers die Höhe der Seite und damit die Scrollposition, was bei unpasssender Scrollposition zum flackern der Seite führt.

Lass ein offset dazwischen. Etwa verkleinern bei 100 vergrößern bei 70.

Gute Idee.

Das lässt sich zwar mit transition verbergen,

Würde ich ohnehin mit reinnehmen. Und ohne js oder auf kleinen Viewports ausschließlich die kleine Variante anbieten.

Das sehe ich anders. Wird die Technik nicht unterstützt, wird der Header, der auf einem typischen Smartphone in der Portraitansicht etwa 30% der Höhe einnimmt, einfach weggescrollt. Das reicht mMn zumindest für den Portraitmodus aus.

Tschö, Auge