logo标签列表

如何使Bootstrap下拉菜单只向下展开？

htmlcssdrop-down-menuhtml-selectbootstrap-4
3
我在以下网站Website中使用Bootstrap Select Box时遇到了一点小问题。当您向上或向下滚动页面时，您可能会注意到它会干扰下拉菜单向上/向下打开的功能。现在我不确定这是否是Bootstrap Select的标准功能还是一个bug。如何解决这个问题，只让下拉菜单向下打开？谢谢您提前的帮助。预览：See here。
当我测试时，它在我的电脑上正常工作。它向下打开而不是向上。 - Sangrai
你一定是个例外。很多用户都抱怨过这个问题。但我认为现在使用 data-dropup-auto="false" 就可以解决了。 - Roman
可能是使用Bootstrap Select禁用dropup功能的重复问题。 - georgeawg
1
在 Bootstrap 4 的下拉菜单组件中，您需要使用 data-flip="false"。 - xtian
1个回答
12

选项可以通过JavaScript传递。

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

或者

通过HTML标签

<select class="selectpicker" data-dropup-auto="false">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接