Swap on Scroll, Sticky Footer - reverse

Servus 👋

der folgende Code ↓

.header-2 {
top: -80px !important;
z-index: -1;
transition: top 0.3s ease !important;
opacity: 0;
}

.header-2.elementor-sticky--effects {
top: 0 !important;
z-index: 1 !important;
opacity: 1;

}

Bringt mir den Header nach kurzem Scrollen ins Bild..

Nun habe ich versucht das selbe in umgekehrter Variante zu machen..

- daher, wenn ich leicht scrolle ein Element (Text, Bild, was auch immer...) von unten STICKY als Footer stehen bleibt.

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Das Element welches ich gerne als Footer haben möchte ist bereits Sticky im Footer.

Ist übrigens Clickable in Elementor als Sticky Footer einstellbar, daher kein CSS nötig um etwas Sticky zu machen.

Lediglich die Animation (Sticky Footer soll erst nach ein wenig PX {leichtem scrollen} sichtbar sein.

Habs leider nicht geschafft den oberen CSS code so abzuändern, dass das selbe für den Footer möglich ist.

P.S. Ich hoffe dass es einigermaßen verständlich ist;

- Der Sticky Footer (der bereits Sticky ist !Danke Elementor) soll genauso wie der Header erst nach kurzem Scrollen ins Bild kommen.