Je veux rendre le menu collant

Question

J'utilise le modèle helix3 et je souhaite rendre le menu collant en haut de la page et modifier son style lors du défilement. comment puis-je y arriver!

Answer 1

Sur la base de la démonstration du modèle et, j’ai élaboré une solution rapide utilisant jQuery et CSS, mais si votre modèle a été personnalisé, il se peut que cela ne fonctionne pas comme prévu:

[~ # ~] 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 ');
    }
});

Answer 2

Ayant effectué une recherche rapide sur Google (indice), je pense que les modèles Helix 3 prennent en charge un en-tête fixe/collant dans les options du modèle: