Menu flottant div css

Question

Essayer de créer un menu css flottant. Comment puis-je faire flotter la div flottante par rapport au conteneur parent?

http://jsfiddle.net/Ve8vC/

Answer 1

Au lieu d'utiliser
postion:fixed vous devriez utiliser pour postion:absolute # float-menu.

La position corrigée doit être utilisée lorsque vous voulez corriger quelque chose par rapport à la position de la fenêtre (peu importe le nombre ou le lieu). La position absolue produira le même effet sauf qu'elle est fixée à l'endroit où elle a été rendue par rapport au corps. Mettre la position absolue avec le parent positionné sur relatif produira l'effet que vous essayez d'atteindre mais il ne sera pas maintenu si vous faites défiler vers le bas.

La meilleure solution serait de changer la position de l'attribut en absolu dès que le scrolltop croise 100px en utilisant javascript.

Answer 2

Vous devez placer votre menu div intérieur du conteneur