如何使用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(); })