Boostrap 3附加补充工具栏不能正常工作
问题描述:
我试图按照this tutorial为我的网站创建一个词缀,但有几件事情是关闭的,我无法弄清楚为什么。Boostrap 3附加补充工具栏不能正常工作
- 滚动时,稍稍的UL变化的宽度,从165-166px
- 向下滚动后,将粘贴不留在上面,但保持固定靠近页面
- 的底部研究李有时没有得到根本
强调这里是我的代码:JSBin
我在做什么错?
答
从自举文档:
词缀三个类,每个代表一个特定的状态之间切换插件:.affix
,.affix-top
,并.affix-bottom
。您需要必须自己(独立于此插件)提供这些类的样式来处理实际位置。
这应该解决你的问题1和2.问题3,如果你滚动太快,它会跳过它,因为它是如此接近下一个锚与页面的高度相比。您可以增加间距或添加更多内容。
该文档对我来说似乎很模糊。它说我必须为.affix,.affix-top和.affix-bottom提供CSS定位,但是对于.affix-top,不需要CSS定位,对于.affix,Bootstrap的代码CSS已经设置了''position:固定“,对于.affix-bottom,我们应该在必要时添加''position:absolute''。但究竟是否有必要? – bard
此外,它还引入了''data-offset-top''和''data-offset-bottom'',但没有明确说明如何为这些属性选择值... – bard
我遇到了完全相同的问题与词缀插件,我同意它很模糊。你最好的选择是试验或者看看使用插件的其他引导程序站点。 – luke2012