在Bootstrap中滚动到固定面板后面

Question

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

<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> 

初始视图：

当滚动：

我想达到什么：所述滚动含量应在主导航栏和所述面板标题（因此面板上方）之间消失。我创建了fiddle。

Answer 1

快速正肮脏的解决方案将是一个底部边框添加到您的导航元素相匹配的背景色：

Fiddle

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