Bootstrap + Affix：附加菜单跳出屏幕

Question

我正在尝试使用Bootstrap的 affix.js 设置一个简单的示例。

然而，问题是我尝试粘贴的项目一旦从<select class="chosen-select"> <option value="a">a</option> <option value="b">b</option> <option value="c">c</option> </select> 切换到$(document).ready(function() { $(".chosen-select").chosen({no_results_text: "Oops, nothing found!", allow_single_deselect: true}) }); ，就会从屏幕上跳出负top。它永远不会从那里恢复。

我设置了一个小jsfiddle，它说明了问题：https://jsfiddle.net/mjg12uep/6/

我已经在另一个项目上成功完成了它，但不能因为它弄清楚这里发生了什么。

Answer 1

当我玩一点点时，我意识到当我将position: relative添加到.affix-top时它会起作用。我想如果没有它，javascript不知道“锚定”元素的位置，并将其推离屏幕。我已相应地更新了小提琴。