Jasny bootstrap關閉畫布菜單：如何強制導航欄下的菜單滑動？

Question

我想將靜態（不可移動）標頭添加到off canvas push menu。

這裏是我現在：codePen link

<span>This text should not move</span> 

<div class="navmenu navmenu-default navmenu-fixed-left offcanvas"> 
     <a class="navmenu-brand" href="#">Project name</a> 
     <ul class="nav navmenu-nav"> 
     <li><a href="../navmenu/">Slide in</a></li> 
     <li class="active"><a href="./">Push</a></li> 
     <li><a href="../navmenu-reveal/">Reveal</a></li> 
     <li><a href="../navbar-offcanvas/">Off canvas navbar</a></li> 
     </ul> 
    </div> 

    <div class="navbar navbar-default"> -------------------- navbar should not move ----------------------- 
     <button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".navmenu" data-canvas=".container"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
    </div> 

    <div class="container"> 
     <h1>Content that should move. Menu should slide from the left side UNDER the navbar</h1> 
    </div> 

的問題是，我不知道如何強制下的「導航欄」菜單滑動。 任何想法？

Answer 1

您需要添加top:120px，使其出現在導航欄

.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas { 
    position: fixed; 
    z-index: 1050; 
    top: 120px; 
    bottom: 0; 
    overflow-y: auto; 
    border-radius: 0; 
} 

DEMO