向下滚动时修复自举侧面板

时间:2016-02-18 07:00:04

标签: jquery css twitter-bootstrap

根据示例here侧面板按我的预期修复。但是当我向下滚动时,侧面板的动画有点或重叠。无法理解发生了什么。怎么避免呢? enter image description here

1 个答案:

答案 0 :(得分:2)

有一个div,其中affix-top类将其更改为affix将解决您的问题。

<div class="affix-top" data-spy="affix" data-offset-top="45" data-offset-bottom="90">

<div class="affix" data-spy="affix" data-offset-top="45" data-offset-bottom="90">

像:

<div data-offset-bottom="90" data-offset-top="45" data-spy="affix" class="affix">
            <ul id="sidebar-nav" class="nav">
              <li><a href="#">Home</a></li>
              <li><a href="#section1">Section 1</a></li>
              <li><a href="#section2">Section 2</a></li>
              <li><a href="#section3">Section 3</a></li>     
              <li><a href="#section4">Section 4</a></li>     
            </ul>
</div>