Bootstrap 3 Affix边栏不能正常工作

Question

我尝试按照this tutorial为我的网站创建一个词缀，但有一些内容已经关闭，我无法弄清楚原因。

1. 滚动时，ul的宽度会略有变化，从165-166px
2. 向下滚动后，词缀不会停留在顶部，但会保持固定在页面底部附近
3. 研究李有时并没有突出显示

这是我的代码：JSBin

我做错了什么？

Answer 1

来自bootstrap文档：

词缀插件在三个类之间切换，每个类代表一个特定的状态：.affix，.affix-top和.affix-bottom。您必须自己为这些类提供样式（独立于此插件）以处理实际位置。

这应该解决你的问题1和2.对于问题3，如果你滚得太快它将跳过它，因为它与页面的高度相比，它是如此接近下一个锚点。您可以增加间距或添加更多内容。