如何使用bootstrap 3创build粘性左侧栏菜单?

我想用bootstrap 3创build一个左粘棒菜单,如下所示:

http://getbootstrap.com/getting-started/

我读了给定的文档http://getbootstrap.com/javascript/#affix

我尝试使用.affix但结果为零。


更新 :@Skelly,
谢谢你的好例子。 是的,我想要你的榜样。 我会下载你的例子HTML,但下载后,HTML文件的侧边栏不起作用。

这是一个可用的左边栏示例:

http://bootply.com/90936 (类似于Bootstrap文档)

诀窍是使用affix组件和一些CSS来定位它:

  #sidebar.affix-top { position: static; margin-top:30px; width:228px; } #sidebar.affix { position: fixed; top:70px; width:228px; } 

编辑另一个脚注和底部的例子

您也可以尝试使用固定粘贴等Polyfill。 尤其是在使用Bootstrap4时, 不再包含 affix组件:

删除了词缀jQuery插件。 我们build议使用一个位置:粘性的polyfill来代替。

我在我的代码中使用了这种方式

 $(function(){ $('.block').affix(); })