我在一些内容的中间有一个 twitter-bootstrap 导航栏,我想让它变得有粘性。
我正在使用粘性 jquery 插件,github 页面。
正如它在 github 页面本身中所说:
在某些情况下,您可能需要在元素“粘贴”时为其设置固定宽度
我已经对此进行了实验,并且:
- 这是一个没有固定宽度的非工作示例。
- 这是一个具有固定宽度的工作示例。
唯一的区别在于:
width:20px;
问题是我不能让它在我的导航栏上工作,当滚动时它只会跳到更小的宽度并保持在原位。
请参阅此处的示例。
不,现在我对如何解决问题感到矛盾,因为我很高兴导航栏的外观,添加固定宽度会破坏 twitter-bootstrap 功能吗?
另一个问题是即使添加了固定宽度,它也不会变得粘滞。
这是我添加的示例:
#stickynavbar{
width:200px;
}
所以我的问题是:
- 如何解决这个特定问题或
- 由于它还处于项目生命的早期阶段,也许另一个插件或开箱即用的解决方案也会为我服务。
无论指向正确方向的指针如何,解决这个特定问题或通过使用完全不同的方法来避免它们都可以。