1、要清楚Affix分別賦予的class,
開始:affix-top
達到top參數:affix
達到bottom參數:affix-bottom
2、一定要自定義這些class,否則 插件會默認給你在達到bottom參數時加上relative,會嚴重影響bottom參數時的樣式。
3、樣式沒有特殊需求的話:affix-top 為默認流 、affix為fixed、affix-bottom為absolute。
4、浮動的容器和屏幕上邊沿的間距(如果想留一點的話)用css的top控制,不要用padding等,否則會出現跳動。
5、浮動容器和滾動容器(一般是body)之間的容器不要有relative等定位。
6、一般不要忽略bottom參數,否則在浮動容器高度高於瀏覽器高度時會出問題。
7、加句:
setTimeout(function(){
$('...').affix();
});
能糾正刷新后或瀏覽器大小變化時出現的對齊問題。
順便吐槽下那個stickUp插件,真難用!!!!!
本$文$來$自$博$客$園 fej121!!!