Hallo zusammen,
ich bin neu hier und habe natürlich gleich eine Frage bzw. bin auf der Suche nach einem Skript.
Es geht um die dynamische Höhenanpassung eines Headers, wenn auf einer Seite nach unten gescrollt wird.
Der Header (position: fixed; ) soll sich dabei um die Anzahl der Pixel verkleinern, die der User nach unten scrollt, allerdings natürlich nur bis zu einer festgelegten Mindestgröße.
Bisher habe ich nur Scripts gefunden, die beim Überschreiten eines bestimmten Scrollwerts die Höhe auf einen festen Wert setzen, ich würde das eben gerne abhängig vom aktuellen Scrollwert machen.
Beispiel:
Scrollwert: 0 (ganz oben)
Headerhöhe: 200px
Scrollwert: 58
Headerhöhe: 142px
Scrollwert: 435
Headerhöhe: 100px (Mindesthöhe vorgegeben).
Wer kann mir helfen?
ich bin neu hier und habe natürlich gleich eine Frage bzw. bin auf der Suche nach einem Skript.
Es geht um die dynamische Höhenanpassung eines Headers, wenn auf einer Seite nach unten gescrollt wird.
Der Header (position: fixed; ) soll sich dabei um die Anzahl der Pixel verkleinern, die der User nach unten scrollt, allerdings natürlich nur bis zu einer festgelegten Mindestgröße.
Bisher habe ich nur Scripts gefunden, die beim Überschreiten eines bestimmten Scrollwerts die Höhe auf einen festen Wert setzen, ich würde das eben gerne abhängig vom aktuellen Scrollwert machen.
Beispiel:
Scrollwert: 0 (ganz oben)
Headerhöhe: 200px
Scrollwert: 58
Headerhöhe: 142px
Scrollwert: 435
Headerhöhe: 100px (Mindesthöhe vorgegeben).
Wer kann mir helfen?
[SCRIPTSUCHE] Dynamische Größenanpassung des Headers
Aucun commentaire:
Enregistrer un commentaire