[Problème] Fixer un menu horizontal lors du scroll

[sevloi]

Salut,

Je souhaite fixer mon menu horizontal lors du scroll afin qu'il reste toujours visible.

Pas si simple car mon menu n'est pas en haut de page, j'ai une zone au dessus avec un logo, un n° de tel... et en essayant avec position:fixed, mon menu reste figé à un centaine de pixel du haut.

Du coup est ce que cela est possible ? Comment dois-je procéder au niveau css ?
Sauf s'il y a une autre solution que je ne connais pas


Merci

[lomart]

Re : Fixer un menu horizontal lors du scroll

Il faut rechercher un plugin STICKY sur la GED
Sinon regarder du coté de scripts comme celui-ci : http://leafo.net/sticky-kit/

[messinmaisoui]

Re : Fixer un menu horizontal lors du scroll

En passant ...
Fixer tout le haut (logo, tel + menu) peut engendrer des problèmes
sur les smartphones en mode portrait par exemple ... puisque l'écran en étant
figé sur une bonne partie peut gêner considérablement
pour visualiser ce qu'il y a en dessous ...

[sevloi]

Re : Fixer un menu horizontal lors du scroll

merci lomart, je vais regarder si je trouve mon bonheur sur la GED

messinmaisoui, oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixer uniquement mon menu

[messinmaisoui]

Re : Fixer un menu horizontal lors du scroll

messinmaisoui, oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixe uniquement mon menu

Ok ! Fais un retour si tu trouves ton bonheur, ça pourra toujours servir ...
Laurent

[sevloi]

Re : Fixer un menu horizontal lors du scroll

J'ai utilisé le plugin JU Sticky Panel, sur le principe, ça marche très bien mais il n'y a que les textes du menu qui restent fixes
Quand je scroll, je n'ai plus le background du menu

Dans l'idéal il faudrait que ce soit ma <div> qui reste fixe

[sevloi]

Re : Fixer un menu horizontal lors du scroll

du coup j'ai abandonné le plugin Sticky Panel pour m'orienter vers un script JS qui fonctionne très bien.

[sevloi]

Re : Fixer un menu horizontal lors du scroll

Désolée de réouvrir le post mais je m'aperçois que j'ai un conflit JS et du coup j'ai mon slide (favslider) qui ne fonctionne pas.

Je mets en dessous les erreurs si quelqu'un a une idée

[lomart]

Re : Fixer un menu horizontal lors du scroll

En effet, l'utilsation d'un script est préfèrable au plugin

La pièce jointe n'est pas visible. Il faut l'inclure avec l'éditeur en mode avancé.

[sevloi]

Re : Fixer un menu horizontal lors du scroll

J'ai remis la pièce jointe !

oui je préfère aussi l'utilisation de script (quand il n'y a pas de conflits)

[manu93fr]

Re : Fixer un menu horizontal lors du scroll

en parlant de plugin ... teste celui de easyquery qui fait des merveilles

[sevloi]

Re : Fixer un menu horizontal lors du scroll

j'ai testé esayquery mais j'ai toujours des conflits

[messinmaisoui]

Re : Fixer un menu horizontal lors du scroll

Jbetolo peut-être, je l'utilise par ci par là pour aussi des histoires
de conflits ?

[manu93fr]

Re : Fixer un menu horizontal lors du scroll

j'ai testé esayquery mais j'ai toujours des conflits

Oui ... mais encore ... si tu nous donne pas ces erreurs ...

oui je suis d'accord avec toi, c'est bien pour ça que je souhaite fixer uniquement mon menu

Tu as essayé maximenuCK avec son plugin pour mobile ... il sait fixer le menu en haut de page quand tu scrolleras vers le bas ... pour la version Mobile, tu auras un picto "menu" pour avoir acces au menu sans perturber l'affichage
Tour ça made in France et responsive