Code Javascript qui marche qu'à moitié
Résolu/Fermé
Shuta
Messages postés
210
Date d'inscription
samedi 28 février 2015
Statut
Membre
Dernière intervention
11 mars 2021
-
2 sept. 2018 à 23:13
Shuta Messages postés 210 Date d'inscription samedi 28 février 2015 Statut Membre Dernière intervention 11 mars 2021 - 3 sept. 2018 à 11:35
Shuta Messages postés 210 Date d'inscription samedi 28 février 2015 Statut Membre Dernière intervention 11 mars 2021 - 3 sept. 2018 à 11:35
A voir également:
- Code Javascript qui marche qu'à moitié
- Code ascii de a - Guide
- Moitié a4 - Guide
- Code puk bloqué - Guide
- Telecharger javascript - Télécharger - Langages
- Code telephone oublié - Guide
2 réponses
jordane45
Messages postés
38346
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2024
4 717
3 sept. 2018 à 00:38
3 sept. 2018 à 00:38
Bonjour
Où est le .site-container dans le code html que tu nous montres ?
Où est le .site-container dans le code html que tu nous montres ?
jordane45
Messages postés
38346
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
16 décembre 2024
4 717
3 sept. 2018 à 09:07
3 sept. 2018 à 09:07
Je ne detecte aucun souci dans ce code.....
Essaye ceci
Essaye ceci
<!DOCTYPE html> <html lang="fr"> <head> <title>TEST</title> <meta charset="UTF-8"> <script src="jquery-3.3.1.min.js"></script> <style> .header{ min-height:90px; height:90px; } .treshaute{ min-height:690px; height:690px; border: 1px solid black; } .scroll__menu{ background-color:red; } </style> </head> <body> <header class="header menu__bar" > ..... </header> <div class="treshaute"> blabla </div> <script type="text/javascript"> $( document ).ready(function() { console.log( "JQUERY READY !!" ); // On recupere la position du bloc par rapport au haut du site var menu__scroll = $(".menu__bar").offset().top; console.log("menu__scroll : " + menu__scroll); //Au scroll dans la fenetre on déclenche la fonction $(window).scroll(function () { console.log( "$(window).scrol!" ); console.log('$(this).scrollTop() = ' + $(this).scrollTop() ); if ($(this).scrollTop() > menu__scroll) { $('.menu__bar').addClass("scroll__menu"); } else { $('.menu__bar').removeClass("scroll__menu"); } }); }); </script> </body> </html>
Shuta
Messages postés
210
Date d'inscription
samedi 28 février 2015
Statut
Membre
Dernière intervention
11 mars 2021
3
3 sept. 2018 à 10:06
3 sept. 2018 à 10:06
Mmmh je crois que j'ai compris :(
Ce doit être dû à mon CSS... Mon menu passe en statique quand la fenêtre passe en mode "tablette" (en dessou d'un certain taux de px) et il faut qu'il reste en Fixed non ?
Faut que je refasse tout mon menu en css.
Ce doit être dû à mon CSS... Mon menu passe en statique quand la fenêtre passe en mode "tablette" (en dessou d'un certain taux de px) et il faut qu'il reste en Fixed non ?
Faut que je refasse tout mon menu en css.
Shuta
Messages postés
210
Date d'inscription
samedi 28 février 2015
Statut
Membre
Dernière intervention
11 mars 2021
3
3 sept. 2018 à 11:35
3 sept. 2018 à 11:35
C'bien ce que je pensais, mon css qui faisait du caca.
Maintenant j'ai un soucis dans mon menu ;-; il ne veut plus faire son scroll en y =(
Maintenant j'ai un soucis dans mon menu ;-; il ne veut plus faire son scroll en y =(
3 sept. 2018 à 00:46
J'ai envoyé une mauvaise version de ma correction (~.~)
c'est bien ".menu__bar" qui est à la place.