解決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！！！