0

我在一些内容的中间有一个 twitter-bootstrap 导航栏,我想让它变得有粘性。

我正在使用粘性 jquery 插件github 页面

正如它在 github 页面本身中所说:

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

我已经对此进行了实验,并且:

唯一的区别在于:

width:20px;

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

请参阅此处的示例。

不,现在我对如何解决问题感到矛盾,因为我很高兴导航栏的外观,添加固定宽度会破坏 twitter-bootstrap 功能吗?

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

这是我添加的示例:

#stickynavbar{
    width:200px;
}

所以我的问题是:

  • 如何解决这个特定问题或
  • 由于它还处于项目生命的早期阶段,也许另一个插件或开箱即用的解决方案也会为我服务。

无论指向正确方向的指针如何,解决这个特定问题或通过使用完全不同的方法来避免它们都可以。

4

2 回答 2

1

为了避免修复代码,我推荐hcSticky jQuery 插件。

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

实现这个插件后,你的代码看起来像THIS FIDDLE

于 2013-03-26T17:04:05.057 回答
0

width: 100%#stickynavbar

于 2013-03-26T17:02:58.093 回答