Twitter bootstrap 3 在引导中滚动到固定面板后面

我有一个使用引导的固定面板标题，我在面板下面有内容，应该在面板标题后面滚动，然后在标题上方消失

<div class="col-md-offset-3 col-md-6" style="padding-left: 0;padding-right: 0;position:fixed;z-index:100">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title">
    my panel
    </h3>
    </div>
  </div>
</div>

我的小组

初步看法：

滚动时：

我想要实现的是：滚动的内容应该在主导航栏和面板标题之间消失（因此在面板上方）

---

我创建了一个。

快速n脏解决方案是在导航元素中添加一个与背景颜色匹配的底部边框：

---

从小提琴上看，陪审团似乎在按照你说的做。您的问题是什么？顶部导航栏（黑色）和面板之间的滚动文本应该不可见。@Alexander Zeitler只是想知道您决定了什么解决方案？

.navbar {
  border-bottom: 48px solid white; //body bkd color
}