我有一个使用 Bootstrap-select 库的 html 选择。如果我没有定义 data-container 列表工作正常，但我有重叠的问题。基本上，我在必须具有 overflow-y: auto; 的容器内呈现选择(没有 data-container)。当选择试图在导航栏(主菜单)上方打开时，它会被重叠和剪切。参见 JSFiddle here (您必须强制将下拉菜单打开为下拉菜单)。
对我来说正确的解决方案是定义一个data-container。但是，一旦我这样做，列表就错位了。参见 JSFiddle here (您必须强制下拉菜单向下打开，而不是向上打开)。
另一个建议的解决方法是设置 data-container="body" 而不是我自己的容器 div，如前面的示例。这个 DID 解决了第一种情况，但它在其他情况下会中断。参见 this JSFiddle并下拉列表“状态”(以便在下方打开)，您将看到列表是如何放错位置的(但低于它应该在的位置)，在下拉按钮之间留出很大的空白空间。
请注意，我希望在所有地方都应用相同的解决方案，而不是我需要针对呈现列表的每个地方进行调整的解决方案。
最佳答案
这已经在bootstrap-select的master分支中修复，将在v1.11.0正式可用。参见 https://github.com/silviomoreto/bootstrap-select/commit/f2358a15e7b3cdba519a22ada9b7654ab6775255 .
关于javascript - 使用数据容器时 Bootstrap 选择错位列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38720427/