Tutoriel Vidéo jQuery : Menu collant

JBK Il y a 3 mois Répondre

Bonjour,

J'ai suivis votre tuto que je cherchais depuis longtemps. Mais voila, j'ai un problème (CSS) avec cet effet. Regarder la partie login (de ma sidebar) de mon site (www.jbkaloya.com)

CDT

JBK

Yondy Il y a 6 mois Répondre

Bonsoir,
Désolé de déranger mais c'est juste pour signaler que la page de démonstration n'est plus très... "opérationnelle". Problème de CSS ?

david-pelissier Il y a 1 an Répondre

Bonsoir,

Serait-il possible d'obtenir une aide pour la contrainte limitant la descente du menu au niveau du footer s'il vous plait.
Sinon, merci encore pour ce tuto très instructif !

Henry Il y a 1 an Répondre

Bonjour,

J'ai suivi votre Tutoriel Vidéo jQuery : "Menu collant" qui fonctionne très bien, mais dans ma page j'utilise aussi prettyphoto qui est un clone de lightbox :

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

Quand j'ouvre une photo le script du menu devient inopérant (il faut recharger la page pour qu'il fonctionne à nouveau). Avez-vous une idée pour résoudre le problème ? Merci d'avance.

chebix Il y a 1 an Répondre

Un effet très intéressant!! Merci pour ce tuto.
ps: Serait-il possible d'avoir les sources?

Cowrentin Il y a 1 an Répondre

Salut ! Il n'y a pas les sources pour les abonnés ?

graphick Il y a 2 ans Répondre

Bonjour tout le monde

"Faudrait mettre une contrainte sur la hauteur pour bloquer le scroll quand on arrive en bas"

OK mais pour quelqu'un qui n'y connait absolument rien au javascript comment on fait ?
Quelqu'un ne pourrait-il pas mettre la ligne de code pour faire ça Please ?

Css Master Il y a 2 ans

tu peut le faire juste en CSS
votre menu collant donne lui un z-index inférieur a FOOTER plus une position RELATIVE

#menu{z-index:1}
#footer{z-index:2;position:relative} + un fond de votre choix

lionelmultimedias Il y a 2 ans - Répondre

Salut je rebondi sur ce que tu as dit (Css Master) car c'est ce que j'ai fait sur mon site (http://www.lionelmultimedias.fr/blog/) , cette méthode fait passer le menu collant en dessous du footer, ce n'est pas très joli et de plus tu verras que j'ai un autre problème si tu clique sur la rubrique "profil" de mon blog et que tu effectue un scroll de la page le menu collant n'as plus les mêmes repères... donc il faut gérer ça en javascript, si quelqu'un pouvais m'aider ?

7nash Il y a 2 ans Répondre

comment je peu regarder cette video ?? et merci

SadEyes Il y a 2 ans Répondre

Magnifique tuto, et très simple a réalisé. merciiii beaucoup

batsod Il y a 2 ans Répondre

Excellent tuto merci !

Thomas Il y a 2 ans Répondre

Super tuto, simple et rapide pour un effet assuré !

Kamal Il y a 2 ans Répondre

Badbar, je comprends ce que vous voulez dire, mais le question pourquoi ça marche pas sur IE comme Firefox ? même si on a déjà ajouté => ( srcOfY = document.documentElement.scrollTop ) dans la fonction scrollY

Cordialement

darkavatars Il y a 2 ans Répondre

Niquel comme d'habitude Grafikart tes vraiment très bien je tes toujours recommander a tous

Kamal Il y a 2 ans Répondre

Bonsoir, c bien ce tuto mais attention il faut le tester sur toutes les navigateurs,
par exemple je tester sur IE8 ça marche pas, alors je pense que on a besoin quelques modifications de CSS et le code js n'a aucun erreur.

Cordialement

Badbart Il y a 2 ans - Répondre

Grafikart propose des Tutoriels, la définition d'un tuto c'est de proposer une aide dans l'apprentissage/formation/initiation , ce qui est fait à merveille ici.
Le résultat des tuto est perfectible, mais après c'est a l'utilisateur final de mettre ses capacités acquise en action pour améliorer tout ça !!!

powange Il y a 2 ans Répondre

Bon tuto!

Cependant que se passe t-il si le menu a une hauteur supérieur à la hauteur de la fenêtre?
On pourras jamais accéder au bas du menu?

Franck55 Il y a 2 ans Répondre

Salut,

Merci encore pour tout tes tutos, j'en regarde sans cesse.
Juste une petite remarque cette effet ne fonctionne pas sur opéra chez moi, suis-je le seul à avoir ce symptôme?

merci

lion.mar Il y a 2 ans Répondre

Salut,

Merci pour ce tuto toujours aussi clair que les autres.

J'ai juste remarqué un bug qui n'as rien a voir avec le tuto. Quand l'on se connecte, il le faite en ajax, mais le problème c'est qu'il ne change pas le formulaire pour les commentaire, pour plus qu'il n'y ait de champ pseudo etc...

Merci pour ce que tu fais et à bientôt

greatsatan Il y a 2 ans Répondre

Très bel effet !

Petit conseil, sur à peu près tous les IDE (normalement) : pour réduire l'indentation, plutôt que de passe par les menus, fais juste Maj + Tab après avoir sélectionné tes lignes.

Dator Il y a 2 ans Répondre

Hello !

Bravo pour ce tutoriel mais j'ai quelques petites remarques

Tu définit une variable dTop que tu n'utilise pas à chaque fois . Tu relance 2 (ou 3 fois) la fonction parent.offset().top alors que celle ci est contenu dans dTop.

Idem pour dTop - parent.offset().top qui est tout simplement égal à 0 .

Dis moi si je me trompe

Bonne continuation.

Clément

MajinVejita Il y a 2 ans Répondre

Je ne comprends pas bien l'intérêt de ce genre de script (sans tenir compte de mon avis personnel quand à l'effet généré). Pourquoi ne pas simplement utiliser CSS ?

Je précise que je n'ai pas encore vu la vidéo donc il se peut que j'ai loupé une subtilité qui ne serait pas envisageable en utilisant CSS. Le cas échéant, veuillez excuser mon commentaire.

Bonne continuation.