Menu déroulant statique - Nécessité de l'arrêter Position de déplacement

Question

Je joue maintenant avec la position CSS de mon menu de navigation déroulant depuis un certain temps et je n'arrive pas à l'obtenir pour rester là où elle devrait être.

Un exemple de mon menu se trouvent ici: http://jsfiddle.net/W8UFZ/

Le CSS pour la zone de liste déroulante est

.rscss-horizontal_nav ul li ul { 
    margin: 0 0 0 0; 
    padding: 5px 0 0 0; 
} 

Lorsque la page ne défile pas vers le bas du tout, le menu déroulant est très bien. Cependant, lorsque vous faites défiler un peu le menu ne bouge pas pour rester avec l'élément de navigation de niveau supérieur.

Je n'arrive pas à trouver l'origine de ce problème et j'ai essayé différents styles de position pour le menu déroulant, mais sans succès.

Quelqu'un a-t-il des idées?

Answer 1

Découvrez http://jsfiddle.net/W8UFZ/5/

Les modifications apportées:

.rscss-horizontal_nav { 
    /* remove overflow:hidden; here! */ 
} 

.rscss-horizontal_nav ul li { 
    display: inline-block; 
    float: left; 
    font-size: 1.0em; 
    line-height: 1em; 
    list-style-type: none; 
    margin: 0 .25em 0 0; 
    padding: 0; 
    z-index: 99; 
    position:relative; 
} 
.rscss-horizontal_nav ul li ul { 
    margin: 0 0 0 0; 
    padding: 7px 0 0 0; 
    position:absolute; 
    left:0; 
    top:27px; 
    z-index:100; 
} 

Cela devrait faire l'affaire!

Jeroen

Answer 2

appliquent position: fixed comme indiqué dans le lien

Vérifiez ce violon - http://jsfiddle.net/W8UFZ/2/

Ajouté dans votre CSS -

.rscss-horizontal_nav{ 
    position:fixed; 
} 

Laissez-moi savoir si cela est ce que vous recherchez.

Answer 3

Essayez cette

.rscss-horizontal_nav ul li ul { 
    margin: 0 0 0 0; 
    padding: 5px 0 0 0; 
    top:0; 
    position:absolute; 
} 

peut être peut vous aider ..