解決Bootstrap 附加導航(Affix)的問題和使用時若干注意事項


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!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM