下拉不相對於觸發元素

Question

我有一個項目列表，每個項目都有它自己的'設置'選項。點擊選項後，會顯示下拉菜單（由http://labs.abeautifulsite.net/jquery-dropdown/供電）。但是，下拉菜單遠低於觸發點（請參見圖片）。如果你垂直滾動頁面，然後點擊一個選項按鈕，下拉菜單幾乎在頁面的頂部（到目前爲止它已經不在視圖中了）。

這隻發生在網站的管理區域，所以我不能給一個鏈接來查看問題/源代碼。我懷疑它與窗口的高度有關，與觸發元素的位置有關。我試圖根據源代碼常見問題將該類設置爲dropdown-relative，但它具有相同的結果。

有關如何解決此問題的任何想法？請讓我知道是否需要更多信息。

代碼觸發：

<div class="venue"> 
    <a href="#" data-dropdown="#dropdown-'.$v->id.'">Options</a> 
</div> 

代碼隱藏的元素顯示在點擊：

<div id="dropdown-'.$v->id.'"> 
    <form and dropdown content is here> 
</div> 

CSS從下拉菜單問題

element.style { 
    display: block; 
    left: 469.083px; 
    top: 327px; 
} 
.dropdown { 
    display: none; 
    position: absolute; 
    z-index: 9999999; 
} 

圖片

Answer 1

position: absolute;在您的.dropdown類中將阻止它根據您在頁面中的位置動態更改它的位置，請嘗試刪除它。