Höhe eines Elements je nach Scrollposition ändern

[Matthias Apsel]

Hallo Auge,

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

In dieser Hinsicht habe ich keine Probleme bemerkt.

Folgende Situation: Du liest mit deinem Handy einen Artikel, hast den Finger drauf, willst noch mal kurz zurück und schwupp, hast du einen Riesen-header im Bild. Aber das passiert eigentlich nur dann, wenn statt der Scroll-Position die Scroll-Richtung abgefragt wird.

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.

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.

Bis demnächst
Matthias