没有固定宽度的bootstrap导航栏不会使自己变粘

Question

我在某些内容中间有一个twitter-bootstrap导航栏，我想让它变得粘稠。

我正在使用sticky jquery plugin，github page。

正如github页面本身所说：

  

在某些情况下，您可能需要在元素“粘贴”时为其设置固定宽度

我已经尝试过这个并且：

• Here is a non working example without a fixed width。
• Here is a working example with a fixed width。

唯一的区别在于：

width:20px;

问题在于我不能让我的导航栏工作，滚动时只是跳到更小的宽度并保持原位。

请参阅示例here。

现在我不知道如何解决这个问题，因为我对导航栏看起来很开心，是否会添加固定宽度来打破twitter-bootstrap功能？

另一个问题是，即使添加固定宽度，它也不会变粘。

Here is the example我已添加：

#stickynavbar{
    width:200px;
}

所以我的问题是：

• 如何解决此特定问题或
• 由于项目生命的早期阶段，也许另外一个插件或方框外的解决方案对我来说同样好。

无论指向正确的方向是什么，解决这个特定问题或通过使用完全不同的方法来避免这些问题都可以。

Answer 1

为避免修复代码，我建议使用hcSticky jQuery插件。

实施很简单：$('selector').hcSticky();

实施此插件后，您的代码看起来像THIS FIDDLE。

Answer 2

width: 100% #stickynavbar？