2014-02-28 35 views
0

我做了一個帶滑出式子菜單的邊欄。這是我的jsfiddle:http://jsfiddle.net/alh3168/UUMRM/1/子菜單列表與父列表排隊?

如何在將此子菜單中的列表項與其未來的父菜單項相關時,將滑出子菜單(不透明的子菜單)的高度保持爲100%。 AKA的子菜單項不在屏幕的頂部。我希望它看起來像這樣:http://perezweddings.com/blog/

也許我需要改變這裏的東西?:

div.menu ul.second { 
    position: fixed; 
    left: 258px; 
    top: 0; 
    z-index: 10; 
    display: none; 
    width: 190px; 
    background-color:rgba(0,180,180,0.3); 
    bottom:0; 
} 

謝謝!

+0

您是否希望第一個子菜單項與您正在徘徊的父項目完全對齊? – user1795832

+0

不一定是確切的,雖然這將是理想的。 – user3344592

回答

0

如果你想它只是喜歡你提供的鏈接,只需添加padding-top:200px到你ul.second。那是他們做的。

+0

適用於jsfiddle,但不適用於Dreamweaver或瀏覽器預覽。 – user3344592

+0

它應該。除非別的事情正在發生。除了你的jfiddle以外的任何東西? – user1795832