Comment Faire apparaître...
FactisGame
Messages postés
11
Statut
Membre
-
SweetRiver Messages postés 93 Date d'inscription Statut Membre Dernière intervention -
SweetRiver Messages postés 93 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'aimerai savoir comment faire en sorte qu'une <div> n'apparaisse qu'à un certain moment. Explication :
J'aimerais qu'un menu de navigation s'affiche sur ma page uniquement lorsque le menu de navigation présent dans le header disparaît
J'aimerai savoir comment faire en sorte qu'une <div> n'apparaisse qu'à un certain moment. Explication :
J'aimerais qu'un menu de navigation s'affiche sur ma page uniquement lorsque le menu de navigation présent dans le header disparaît
1 réponse
-
Bonjour,
Il faudrait plus d'infos.
Par exemple, quand tu dis 'disparait', cela peut être différentes choses:
- visibility:hidden;
- display:none;
- décalage sur un axe de sorte qu'on ne le voit plus
- non visible dans la fenêtre, car il y a un défilement de la page
Si tu as un lien à fournir, ce serait encore plus pratique.
@+-
Site de test : http://factisgame.byethost6.com/FactisSite/
Vois-tu en haut à droite il y a un menu et sur la gauche il y a un autre menu qui reste présent lorsque tu descend plus bas dans la page. j'aimerai que lorsque le menu en haut à droite et visible, le menu de gauche soit invisible et à contrario quand le menu en haut à droite n'est plus visible celui à gauche apparaît -
OK.
1) CSS :
Tu ajoutes une ligne afin de ne pas afficher le menu de gauche par défaut :ul.nav{ list-style:none; padding:0; margin:0; position:fixed; left:-30px; top:140px; display:none; // ICI }
2) HTML :
Tu insères ce "petit" bout de code :<script type="text/javascript"> function menuMng() { var menuTop=jQuery('.wa-button'), menuLeft=jQuery('ul.nav'), topMT=menuTop.offset().top, pageTop=jQuery(window).scrollTop(), bottomMT=topMT+menuTop.height(); if (bottomMT < pageTop) {menuLeft.css({display:'block'})} else {menuLeft.css({display:'none'})}; } function menuSwitch(){setInterval("menuMng()",50)} window.onload=menuSwitch; </script>
Essaie, cela devrait répondre à tes attentes.
@+ -
-
-
