Ich möchte mehrere zwei sticky Header wie in dieser Website erstellen: http://www.trendyol.com/Kappa/ButikDetay/8690 Wenn Sie nach unten scrollen, kombiniert die erste Header mit dem zweiten Sticky-Element. Danach bewegen sich beide zusammen nach unten. Wie kann ich es tun? Vielen Dank für Ihre Unterstützung!Sticky Header mit jquery
Die Art, wie dies erreicht wird, ist ziemlich einfach. Sie überprüfen die Bildlaufposition und wenn sie unter einer bestimmten Zahl liegt, zeigen Sie oben ein Element mit fester Position an (und blenden Sie aus, wenn die Bildlaufposition zur Sicherung wechselt).
Dass gesagt wird es ein großes Plugin ist, die helfen können: https://github.com/imakewebthings/jquery-waypoints genau
Mit Demo, was Sie wollen: http://imakewebthings.com/jquery-waypoints/sticky-elements/
als Update von einer der Kommentare, http://stickyjs.com könnte eine unterstützte Bibliothek sein.
position:sticky verwenden, um klebrig zu machen.
Hier ist die article explained.
Das ist ziemlich raffiniert, obwohl nicht eine vollständig unterstützte Spezifikation (noch). – lucuma
Danke. Ich werde es versuchen. – oxygen
Ich hatte eine Menge Probleme mit diesem Plugin, ich bevorzuge dieses: http://stickyjs.com/ – cbron