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