Css 带粘性顶部导航的引导粘贴问题

因此，我在尝试使用粘性顶部导航实现粘贴侧边栏时遇到了问题，在页面上滚动或单击粘贴侧边栏时，内容标题被粘性顶部导航覆盖了40个像素

基本上，内容在固定导航下没有适当显示

任何关于如何修复它的想法都将不胜感激

这里有一个现场示例

寒冷以下：

粘性顶部导航

   <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="aboutme.html">About Me</a>
                </li>
                <li><a href="document/MYang Resume.pdf"target="_blank">Résumé</a>
                </li>
                <li><a href="http://melindamcdm.wordpress.com/" target="_blank">Blog</a>
                </li>
                </ul> 
        </div>

附加侧栏

<div class="col-xs-3" id="myScrollspy">
            <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125" id="myNav">
                <li class="active">
                    <a href="#section-1">Summary</a></li>
                <li><a href="#section-2">Research</a></li>
                <li><a href="#section-3">Ideation</a></li>
                <li><a href="#section-4">Prototype</a></li>
                <li><a href="#section-5">Results</a></li>
        </ul>
    </div>

内容

 <div class="col-xs-9">
        <div id="section-1">
 <p> 12345, Content goes here</p>
</div>
  <div id="section-2">
 <p> 12345, Content goes here</p>
</div>
  <div id="section-3">
 <p> 12345, Content goes here</p>
</div>
  <div id="section-4">
 <p> 12345, Content goes here</p>
</div>
  <div id="section-5">
 <p> 12345, Content goes here</p>
</div>
</div>

JS

<script type="text/javascript">
$(document).ready(function(){
$("#myNav").affix({
    offset: { 
        top: 190 
    }
    });
});

---

给身体加衬垫

body
{
    padding: 70px 0 0 0;
}

引导nav是50px高，加上您想要的内容和nav之间的任何余量

---

编辑：

我已经包含了填充内容。内容没有重叠，我的问题是粘贴侧栏没有正确指示章节：/你需要重新考虑你问题的措辞。在我看来，在固定导航下，内容基本上没有适当显示。指顶部导航