Aller au contenu principal
loading

Nice menu : ouverture à droite ou à gauche en fonction de la largeur du navigateur

POSTÉ DANS jQuery TAGS jQuery AUTEUR herve COMMENTAIRES 0

Vous avez besoin d'un menu nice menu qui s'ouvre à droite ou à gauche en fonction de sa position dans la page, et de la largeur du navigateur? 
Voilà la solution :

Vous ajoutez votre menu, avec ouveture vers la gauche. Puis, vous rajouter le Javascript suivant dans votre thème (ou alors, vous incluez le fichier JS mis en attachement) :

Attention : #nice-menu-1 est à changer suivant le menu que vous voulez modifier !

$("#nice-menu-1 .menuparent").bind('mouseover',function(){
    if (($(this).offset().left+$(this).outerWidth()+$(this).children("ul:first").outerWidth()) > $("body").outerWidth()) {
        $(this).children("ul:first").css({left:'-'+$(this).outerWidth()+'px'});
    }
    else {
        $(this).children("ul:first").css({left:$(this).outerWidth()+'px'});
    }
});
 

Fichier attaché Taille
nicemenu_position.js_.txt 427 octets


0 commentaire

Derniers articles

DDEV : obtenir la liste des services
DDEV : obtenir la liste des services Posté le 27 janvier 2021
Partager un répertoire local sous Docker
Partager un répertoire local sous Docker Posté le 27 janvier 2021
Docker et Localhost Mac
Docker et Localhost Mac Posté le 27 janvier 2021
Affichage de la requête SQL d'un db_select
Affichage de la requête SQL d'un db_select Posté le 24 septembre 2020

A propos de Web'Up