解决Bootstrap 附加导航（Affix）的问题和使用时若干注意事项

一、要清楚Affix分别赋予的class，

　　开始：affix-top

　　达到top参数：affix

　　达到bottom参数：affix-bottom

二、必定要自定义这些class，不然 插件会默认给你在达到bottom参数时加上relative，会严重影响bottom参数时的样式。

三、样式没有特殊需求的话：affix-top 为默认流 、affix为fixed、affix-bottom为absolute。

四、浮动的容器和屏幕上边沿的间距（若是想留一点的话）用css的top控制，不要用padding等，不然会出现跳动。

五、浮动容器和滚动容器（通常是body）之间的容器不要有relative等定位。

六、通常不要忽略bottom参数，不然在浮动容器高度高于浏览器高度时会出问题。

七、加句：

setTimeout(function(){

　　$('...').affix();

});

能纠正刷新后或浏览器大小变化时出现的对齐问题。

 

顺便吐槽下那个stickUp插件，真难用！！！！！

 

本$文$来$自$博$客$园 fej121！！！