2009-04-19 11 views
3

Besoin d'un conseil sur la création d'un menu flottant qui se comporte de manière très similaire à celle utilisée sur le apple website shopping cart. J'ai vu des scripts qui font quelque chose comme ça (et nous en avons essayé un) mais ils ont tendance à "traîner" derrière le mouvement alors que la version d'Apple donne l'impression d'être stationnaire. Une solution jQuery serait préférable.Comment créer un menu flottant

Répondre

4

Eh bien, on dirait qu'ils passent d'un positionnement relatif à fixe. Fonctionne mieux que ce que la plupart des gens font, qui est simplement faire défiler plus bas que la fenêtre est défilée plus.

Vous pouvez détecter le défilement de la fenêtre en suivant ce qui est fait en the following link.

+0

Avez-vous oublié d'ajouter le lien? – Stevo

+0

Ah, merci. C'est là maintenant. – cgp

+0

C'est ce que je devinais en regardant comment la version d'Apple se met en place quand vous arrivez au sommet. Merci pour le lien et je vais essayer – Akeem

1

Une fois que la position y de div est équivalente à la partie supérieure de la fenêtre courante, placez-la en position fixe. Vous devrez utiliser la logique pour vous assurer qu'il revient à non-fixe après le défilement, mais cela devrait être trivial.

1

Voici une liste déroulante appelée plugin qui vous aidera. Essentiellement, vous définissez un DIV avec ul pour vos options de menu. Le plugin vous permettra de régler la vitesse, l'apparence et un interrupteur à bascule.

Questions connexes