如何始终在触发器下方显示下拉菜单

Question

使用 materializecss，我有这个代码：

<a class='dropdown-trigger-courseForm filterButton' href='#' data-target='dropdown1'>Drop Me!<i class="fa fa-angle-down filter"></i></a>
<ul id='dropdown1' class='dropdown-content'>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
<li><label><input type="checkbox" /><span>Test</span></label></li>
</ul>

还有这个jquery：

 $('.dropdown-trigger-courseForm').dropdown({
    coverTrigger: false,
    closeOnClick: false
  });

我想要的是在触发器下方显示下拉菜单 ALWAYS，而不仅仅是当视口上有足够的空间时。

Answer 1

我使用的 materializecss 版本似乎存在高度计算错误或“不良行为”。我只是直接在 materializecss javascript 文件中更改了 javascipt 中的高度，它现在可以正常工作了。

如何始终在触发器下方显示下拉菜单

How to always show dropdown below the trigger

css

materialize