Comment Faire apparaître...
FactisGame
Messages postés
11
Statut
Membre
-
SweetRiver Messages postés 110 Statut Membre -
SweetRiver Messages postés 110 Statut Membre -
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
A voir également:
- Comment Faire apparaître...
- Comment faire apparaître la tabulation sur word - Guide
- Apparaitre hors ligne instagram - Guide
- Comment faire apparaître le curseur sans souris - Guide
- Comment faire apparaître le clavier sur iphone - Guide
- Comment faire apparaître le clavier sur une tablette - Guide
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.
@+
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.
@+
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
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.
@+
@+