Überschrift verschwinden lassen wenn runterscrollen

ExteNesia.de · 19. August 2016, 10:12

Hi Leute,

wie kriege ich es hin, dass die Übeschrift "ExteNesia.de" auf meiner Webseite extenesia.de beim Runterscrollen verschwindet? Bisher habe ich nichts passendes gefunden bzw. habe so schlechte Grundkenntnisse, dass ich mir manche Codes nicht apassen konnte. Wie kann ich das lösen?

Vielen Dank und LG,
ExteNesia.de

Trade · 19. August 2016, 10:36

Indem Du die position nicht auf fixed setzt, wie es gerade ist.

Grüße

ExteNesia.de · 19. August 2016, 10:46

Die Links sollen ja stehen bleiben sonst sieht das ja nicht aus wenn dahinter die Überschrift halb durchguckt wenn man nur ganz leicht scrollt

Trade · 19. August 2016, 10:57

Wie? Also die Überschrift soll dann mit dem Scrollen weggehen, die Links aber nicht? Ich habe Deinen Post überhaupt nicht verstanden.

Grüße

darKo · 19. August 2016, 11:34

Versuchs mal in verschiedene <div>'s aufzuteilen, hast zurzeit alles zusammen in den gleichen <div>'s

Pasta · 19. August 2016, 14:12

Javascript bietet sich da an, such mal nach "Sticky Header", bzw. "Sticky Element".
Für solche Dinge, bieten Librarys/Frameworks alles nötige, z.B. jQuery.

Vainamo V · 19. August 2016, 14:54

Du kannst mit JavaScript den ScrollTop des Documents auf den OffsetTop der Überschrift prüfen. Wenn der ScrollTop größer ist (also der Nutzer die Überschrift überscrollt hat), kannst du die Überschrift einfach ausblenden.

Grüße
Väinämö

Überschrift verschwinden lassen wenn runterscrollen

Überschrift verschwinden lassen wenn runterscrollen

Benutzer online 1

Ähnliche Themen

5 Benutzer haben hier geschrieben