靜態下拉菜單 - 需要停止它移動的位置

我一直在玩我的下拉菜單的CSS位置現在一段時間，似乎無法讓它留在它應該在哪裏。靜態下拉菜單 - 需要停止它移動的位置

我的菜單的例子可以在這裏找到：http://jsfiddle.net/W8UFZ/

的下拉區域的CSS是

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

當頁面不滾動下來的所有，在下拉菜單中的罰款。但是，當您向下滾動一點時，菜單不會向上移動以保持頂級導航項目。

我似乎無法找到是什麼原因造成這種情況，並嘗試了不同的位置樣式下拉菜單，但仍然無濟於事。

有沒有人有任何想法？

來源

2013-05-28 Ryan

退房http://jsfiddle.net/W8UFZ/5/

所做的更改：

.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; 
}

這應該做的伎倆！

的Jeroen

來源

2013-05-28 12:00:13

適用position: fixed如秀環節

檢查這個小提琴 - http://jsfiddle.net/W8UFZ/2/

添加了這個在你的CSS -

.rscss-horizontal_nav{ 
    position:fixed; 
}

讓我知道這是你在找什麼。

來源

2013-05-28 10:56:03 swapnesh

對不起，我可能不是在原來的職位足夠的描述，這不是我想是靜態它的下拉菜單中，當你將鼠標懸停在導航項目的實際菜單。非常感謝 – Ryan

試試這個

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

可能是它可以幫助你..

來源

2013-05-28 10:57:22

這樣，當使用正確的最高值使其出現在最初的正確位置時，仍然給我原來的問題。不管怎麼說，還是要謝謝你 – Ryan

靜態下拉菜單 - 需要停止它移動的位置

回答

相關問題