下拉菜單不堅持LI家長

Question

我有一個下拉菜單，看起來不錯，當它滾動到最頂端的頁面，但當我向下滾動時，第二個<li>父母的下拉滾動向上滾動頁面而不是粘住與父元素。

解決：第二個下拉菜單不在父頭div內。

頂部鏈接CREATE正常工作，但鏈接管理是<li>家長與問題。

這裏是鏈接到JS：http://www.brandonrray.com/Heriyah/admin/system/js/chrome.js

這裏是CSS：

ul { 
padding: 0; 
margin: 0; 
} 
ul li { 
padding: 0; 
margin: 0; 
} 
.chromestyle{ 
width: 99%; 
font-weight: bold; 
cursor:pointer; 
} 
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.chromestyle ul{ 
width: 100%; 
margin: 0; 
text-align: right; 
} 
.chromestyle ul li{ 
display: inline; 
} 
.chromestyle ul li a{ 
color: #494949; 
padding-left:15px; 
padding-right:15px; 
padding-top:20px; 
padding-bottom:20px; 
margin: 0; 
text-decoration: none; 
font-family:Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#FFFFFF; 
} 
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
background-color:#0abbe1; 
} 
/* ######### Style for Drop Down Menu ######### */ 
.dropmenudiv{ 
cursor:pointer; 
position:absolute; 
top: 0; 
border: 1px solid #BBB; /*THEME CHANGE HERE*/ 
border-bottom-width: 0; 
font:normal 12px Verdana; 
line-height:24px; 
z-index:100; 
background-color: white; 
width: 200px; 
visibility: hidden; 
} 
.dropmenudiv a{ 
width: auto; 
display: block; 
text-indent: 3px; 
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/ 
padding: 2px 0; 
text-decoration: none; 
font-weight: bold; 
color: black; 
padding-left:15px; 
} 
* html .dropmenudiv a{ /*IE only hack*/ 
width: 100%; 
} 
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/ 
background-color: #0abbe1; color:#FFFFFF 
} 

Answer 1

如果仔細觀察html源代碼，您會發現dropmenu2位置不正確。

這是你的代碼

<div> 
    ... 
    <div id="dropmenu1">...</div> 
</div> 
<div id="dropmenu2">...</div> 

Dropmenu 2應在同一地點dropmenu1

<div> 
    ... 
    <div id="dropmenu1">...</div> 
    <div id="dropmenu2">...</div> 
</div> 

Answer 2

爲什麼不是同一父dropmenu1下dropmenu2？只有dropmenu1是heriyah_header div的孩子。