it-swarm.com.de

Ich möchte das Menü klebrig machen

Ich verwende die helix3-Vorlage und möchte, dass das Menü oben auf der Seite klebrig bleibt und beim Scrollen seinen Stil ändert. wie kann ich das erreichen!

3
Heba

Basierend auf Template-Demo und habe ich eine schnelle Lösung mit jQuery und CSS zusammengestellt. Wenn Ihr Template jedoch angepasst wurde, funktioniert dies möglicherweise nicht wie erwartet:

[~ # ~] CSS [~ # ~]

.fixedMenu {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}

jQuery

jQuery(window).bind('scroll', function () {
    if (jQuery(window).scrollTop() > 90) {
        jQuery('#sp-header').addClass('fixedMenu ');
    } else {
        jQuery('#sp-header').removeClass('fixedMenu ');
    }
});
4
johanpw

Nachdem ich eine schnelle Google-Suche durchgeführt habe (Hinweis), glaube ich, dass die Helix 3-Vorlagen einen festen/klebrigen Header in den Vorlagenoptionen unterstützen:

enter image description here

2
Lodder