Barre de navigation bloquer en position haute
Résolu/Fermé
A voir également:
- Barre de navigation bloquer en position haute
- Navigation privée - Guide
- Ma position - Guide
- Supprimer les données de navigation - Guide
- Partage de position whatsapp - Guide
- Windows 11 barre des taches a gauche - Guide
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
1 mars 2016 à 16:56
1 mars 2016 à 16:56
Salut,
Le problème de détection du scroll de la fenêtre vient du fait que tu as désactiver le scroll document (body { overflow: hidden; }) pour le mettre ton wrapper #scrollbar .vertical.
Dans ta fonction jQuery, il faut donc appliquer l'événement scroll sur ce wrapper au lieu de window (ou remettre le scroll du document).
Un deuxième problème vient du code css des deux classes .f-nav et .menu. Ces deux classes ont le même poids dans ta feuille de style mais .menu étant placé après .f-nav, c'est donc .menu qui va surcharger la classe .f-nav et non l'inverse comme tu le souhaite.
Il faut donc soit déplacer le code css de la classe .f-nav après le code de .menu, ou alourdir le poids du bloc .f-nav en le renommant par exemple .menu.f-nav (sans espace entre les deux : élément qui possède à la fois la classe menu et la classe f-nav).
Bonne journée
Le problème de détection du scroll de la fenêtre vient du fait que tu as désactiver le scroll document (body { overflow: hidden; }) pour le mettre ton wrapper #scrollbar .vertical.
Dans ta fonction jQuery, il faut donc appliquer l'événement scroll sur ce wrapper au lieu de window (ou remettre le scroll du document).
Un deuxième problème vient du code css des deux classes .f-nav et .menu. Ces deux classes ont le même poids dans ta feuille de style mais .menu étant placé après .f-nav, c'est donc .menu qui va surcharger la classe .f-nav et non l'inverse comme tu le souhaite.
Il faut donc soit déplacer le code css de la classe .f-nav après le code de .menu, ou alourdir le poids du bloc .f-nav en le renommant par exemple .menu.f-nav (sans espace entre les deux : élément qui possède à la fois la classe menu et la classe f-nav).
Bonne journée
Utilisateur anonyme
1 mars 2016 à 17:29
1 mars 2016 à 17:29
rebonjour,
j'ai corrigé tout ce que tu m'as dis mais je comprend pas quand tu dis "il faut donc appliquer l'événement scroll sur ce wrapper au lieu de window".
Je suis sur que tu as vu que je suis débutant et donc j'ai pas tout les termes en tête, tu entend quoi par "wrapper" ?
Merci
j'ai corrigé tout ce que tu m'as dis mais je comprend pas quand tu dis "il faut donc appliquer l'événement scroll sur ce wrapper au lieu de window".
Je suis sur que tu as vu que je suis débutant et donc j'ai pas tout les termes en tête, tu entend quoi par "wrapper" ?
Merci
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
2 mars 2016 à 09:31
2 mars 2016 à 09:31
Un wrapper est simplement un conteneur. L'élément .vertical sert uniquement à contenir l'ensemble de la page afin de pouvoir y appliquer le scroll.
Il faut donc appliquer l'événement scroll sur cet élément ;)
Il faut donc appliquer l'événement scroll sur cet élément ;)
_rys('.vertical').scroll(function () {
Utilisateur anonyme
>
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
2 mars 2016 à 11:37
2 mars 2016 à 11:37
MERCI BEAUCOUP :DDDD