Flottante, barre de menu en utilisant le HTML/CSS?
demandais si quelqu'un connaissait un moyen de créer une barre de menus flottantes qui colle à un point sur une page jusqu'à ce que la fenêtre du navigateur devient assez loin en bas de la page et unsticks, puis la barre de menu commence à défiler avec elle. L'effet que je veux c'est exactement le même que ce http://www.jtricks.com/javascript/navigation/floating.html menu javascript. Cependant, j'ai vraiment envie de le faire avec les CSS. Je suis conscient que je peux faire de la div en position absolue et il se déplace vers le bas de la page, j'ai essayé de faire un DIV parent positionné (div parent) et puis un autre div à l'intérieur de ce qui était absolue de position, mais je ne pouvais pas obtenir que cela fonctionne. Quelqu'un sait comment faire ce travail avec CSS ou faut-il la JS?
Merci d'avance.
Jon.
Vous devez vous connecter pour publier un commentaire.
Je crois à l'aide de javascript est la seule solution pour obtenir l'effet que vous avez décrit. Voici un rapide démo d'une bannière, qui commence dans une position absolue et va à l'fixe lorsque l'utilisateur fait défiler.
bien si vous n'avez PAS besoin de l'animation, que de simplement utiliser
position: fixed;
dans le css.
si vous le souhaitez animées dont vous avez besoin pour l'utilisation de javascript.
par exemple en jquery:
Eh bien, vous ne pouvez pas le faire avec une absolue positionné div à l'intérieur d'un parent. Position fixe est en fait un absolu placé div, positionnés relativement à la fenêtre. Je dirais que vous avez certainement besoin de javascript ici.
Je crois qu'il doit être JS. Je peux imaginer qu'il peut être assez simple avec jQuery et j'ai vraiment ne peut pas penser de toute façon à atteindre cet objectif qu'avec les CSS. Je vais essayer d'y penser, mais je doute que je vais trouver une solution.
Cela devrait être plutôt facile avec un fixe, barre latérale, et un flottant de contenu de l'article. Essayez quelque chose comme ça...