Bonjour,

Voila je rencontre un petit problème avec mon menu. Actuellement je refait la version de mon site en responsive en me servant d'une bonne partie de bootstrap, cependant j'ai installer un menu externe Flexnav . je l'ai modifier à ma sauce mais il y à une chose dans laquel je bloque.
Je parle pour le moment que sur la version mobile du menu autrement dit résolution en dessous de 750px
Je souhaiterez que le menu reste en position fixed même quand il est déployer car actuellement quand le menu est fermer il est bien en fixed mais quand je l'ouvre c'est les liens qui ce mettent en position fixed ( je pense que c'est du au changement de class -> active fixedtop du script .fixedTop de la page index)

J'ai préferer poster le code sur fiddle.net mais impossible de mettre le code JS alors je le colle ici

JS

jQuery(document).ready(function($){
  $(".flexnav").flexNav();
});

var positionElementInPage = $('.flexnav').offset().top;
$( window ).resize(function() {
    positionElementInPage = $('.flexnav').offset().top;
});
$(window).scroll(
    function() {
        if ($(window).scrollTop() > positionElementInPage) {
            // fixed
            $('.flexnav').addClass("fixedTop");
        } else {
            // unfixed
            $('.flexnav').removeClass("fixedTop");
        }
    }

  );

var positionElementInPage = $('.menu-button').offset().top;
$( window ).resize(function() {
    positionElementInPage = $('.menu-button').offset().top;
});
$(window).scroll(
    function() {
        if ($(window).scrollTop() > positionElementInPage) {
            // fixed
            $('.menu-button').addClass("fixedTop");
        } else {
            // unfixed
            $('.menu-button').removeClass("fixedTop");
        }
    }
  );

jQuery(document).ready(function($){
  $(".flexnav").flexNav();
});

var positionElementInPage = $('.flexnav').offset().top;
$( window ).resize(function() {
    positionElementInPage = $('.flexnav').offset().top;
});
$(window).scroll(
    function() {
        if ($(window).scrollTop() > positionElementInPage) {
            // fixed
            $('.flexnav').addClass("fixedTop");
        } else {
            // unfixed
            $('.flexnav').removeClass("fixedTop");
        }
    }

  );

var positionElementInPage = $('.menu-button').offset().top;
$( window ).resize(function() {
    positionElementInPage = $('.menu-button').offset().top;
});
$(window).scroll(
    function() {
        if ($(window).scrollTop() > positionElementInPage) {
            // fixed
            $('.menu-button').addClass("fixedTop");
        } else {
            // unfixed
            $('.menu-button').removeClass("fixedTop");
        }
    }
  );

Merci de votre aide

2 réponses


Bootstrap intègre déjà un composant pour faire un dropdown :
http://getbootstrap.com/components/#nav-dropdowns

Oui je l'avais déja utiliser mais Il ne m'interesse pas, il à ses limites
Voici le lien du menu que j'utilise sur mon site
http://orthos-distribution.alwaysdata.net/