Klebriger Header mit jquery

8

Ich würde gerne zwei klebrige Header wie auf dieser Website erstellen: Ссылка Wenn Sie nach unten blättern, wird der erste Header mit dem zweiten sticky-Element kombiniert. Danach bewegen sich beide zusammen nach unten. Wie kann ich es tun? Vielen Dank für die Unterstützung!

    
oxygen 04.06.2012, 22:53
quelle

2 Antworten

7

Die Art und Weise, wie dies erreicht wird, ist ziemlich einfach. Sie überprüfen die Bildlaufposition, und wenn sie unter einer bestimmten Nummer liegt, wird oben ein Element mit fester Position angezeigt (und ausgeblendet, wenn die Bildlaufposition zur Sicherung wechselt).

Davon abgesehen gibt es ein großartiges Plugin, das helfen kann: Ссылка

Mit Demo genau was du willst: Ссылка

Als Update von einem der Kommentare könnte Ссылка eine stärker unterstützte Bibliothek sein.

    
lucuma 04.06.2012, 22:59
quelle
4

benutze position:sticky um klebrig zu machen.

Hier ist der Artikel erklärt .

    
Konga Raju 14.09.2012 10:47
quelle

Tags und Links