MaterializeCSS 下拉菜单向上答案

【问题标题】：MaterializeCSS dropdown menu going upwardMaterializeCSS 下拉菜单向上
【发布时间】：2016-08-03 14:30:48
【问题描述】：

我正在使用 MaterializeCSS http://materializecss.com/dropdown.html 的下拉菜单，但我希望该菜单向上而不是向下打开。我可以通过选项来做到这一点，还是我必须直接在框架中更改一些东西？我尝试在选项和其他选项中使用装订线，但它不起作用。

【问题讨论】：

在此处输入特定的 (HTML/CSS) 部分，我们或许可以帮助您修改它。我不想听起来苛刻，但我们不喜欢关注链接，阅读那里的文档并尝试发回这里。我们愿意提供帮助，但发布好问题的基础工作必须由您自己完成。
是的，当然 - 我为此道歉，但我不得不去开会。我稍后会这样做。

标签： jquery css materialize

【解决方案1】：

这可能会解决您的问题。

像这样设置它 belowOrigin: true, // 在按钮下方显示下拉菜单

$('.dropdown-button').dropdown({ inDuration: 300, outDuration: 225, constrainWidth: false, gutter: 0, // Spacing from edge belowOrigin: true, // Displays dropdown below the button alignment: 'left', // Displays dropdown with edge aligned to the left stopPropagation: false // Stops event propagation } );

【讨论】：

问题是如何让下拉菜单出现在触发器上方。
belowOrigin 没有出现在文档中。这是一个未记录的功能吗？

【解决方案2】：

尝试使用这种风格：

.autocomplete-content {
    top: 46px !important;
    max-height: 300px !important;
}

这会在下方保持自动完成

对我来说这很好用

【讨论】：

问题是如何让下拉菜单出现在触发器上方。此外，虽然您的 CSS 可以根据问题进行修改，但答案并不特定于 MaterializeCSS 或下拉菜单。