javascript - 引导词缀总是“跳跃”

Question

我想在我的侧边栏上使用 bootstrap 的词缀插件。但是，由于我的网站是响应式的，它总是在某些方面跳跃，我无法让它正常工作。我尝试了这里列出的解决方案：How to use the new affix plugin in twitter's bootstrap 2.1.0? 但这不仅仅是工作。

这是一个演示

我知道如何在具有固定宽度的网站上做到这一点，但由于我的网站是响应式的，引导文档也是如此，并且它在那里完美运行，我如何达到相同的效果？

因为这可能永远不会起作用

.affix {
    position: fixed; 
    top: 20px; 
    right: 10%;
}

Answer 1

当我使用它时，我的.affix班级只有position:fixed，没有别的。affix()可以在使用选项的方法中设置附加元素被附加的顶部位置offset，例如

$("#nav_id").affix({
    offset: 400
});