下拉不是相对于触发元素

Question

我有一个项目列表，每个项目都有自己的“设置”选项。单击选项后，将显示一个下拉列表（由http://labs.abeautifulsite.net/jquery-dropdown/提供支持）。但是，下拉列表远低于触发点（见图）。如果您垂直滚动页面，然后单击一个选项按钮，下拉列表几乎位于页面的顶部（到目前为止它已不在视图中）。

这只发生在网站的管理区域，因此我无法提供查看问题/源代码的链接。我怀疑它与窗口的高度相对于触发元件的位置有关。我尝试根据源FAQ将类设置为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

.dropdown类中的

position: absolute;会阻止它根据您在页面中的位置动态更改其位置，请尝试删除它。