jquery - 向下滚动时修复 Bootstrap 侧面板

Question

根据例子here侧面板如我所料修复。但是当我向下滚动时，侧面板会有点动画或重叠。无法理解发生了什么。如何避免呢？

Answer 1

有类 affix-top 的 div 将其更改为 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>