使引导下拉菜单仅向下移动？

Posted 2023-03-05

【中文标题】使引导下拉菜单仅向下移动？

【英文标题】：Make bootstrap dropdown menu go only downwards?

【发布时间】：2018-02-08 02:56:58

【问题描述】：

我的 Bootstrap 选择框在下面有一点问题

Website

您在向上和向下滚动页面时可能会注意到它令人不安的下拉菜单向上/向下打开。

现在我不确定这是否是 Bootstrap Select 的错误或标准功能。

预览：

我怎样才能解决这个问题只向下打开？

提前感谢您的帮助。

【问题讨论】：

当我测试它时，它在我的电脑上正常工作。它是向下而不是向上打开..

你一定是个例外。很多用户抱怨它。但是我认为 data-dropup-auto="false" 现在是正确的。

Disable dropup feature using Bootstrap Select的可能重复

在 bootstrap 4 下拉组件中你需要 data-flip="false"

【参考方案1】：

选项可以通过javascript传递

$('.selectpicker').selectpicker(
    dropupAuto: false
);

或

通过 html 标签

<select class="selectpicker" data-dropup-auto="false">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>