Bootstrap 附加导航(Affix)插件 设置bottom后出现跳动的问题,是因为当滚动到底部位置的时候导航会添加如下代码:
<ul class="cat clearfix affix-bottom" id="myAffix" data-spy="affix" style="position: relative; top: 1000px;">....</ul>
affix-bottom、position: relative; top: 1000px
系统会增加这几个东西,加入这个导航的高度是70px,当添加完这些代码后,导航便会脱离文档流,减少70px,所以导航一旦滚动到1000px(我们设置的bootom)就会发现文档抖动了70px,所以我们要解决的办法就是让:
<div style="height:70px">
<ul class="cat clearfix" id="myAffix" data-spy="affix">...</ul>
</div>
这样做的目的就是给他固定下70px,那么这个抖动的问题就解决了。