[foundation 6] Topbar fixed avec Offcanvas

Bonjour,
J'aimerais créer une topbar fix en utilisant les classes offcanvas de foundation 6.
Je rencontre deux problèmes :
Quand je clique sur le boutton pour ouvrir le canvas la page scroll jusqu'au top, j'ai bien essayé de regarder du côté des options du canvas en utilisant scrollTop : false mais rien n'y fait.

Et enfin quand le canvas est ouvert ma topbar n'est plus fixé.

Voilà monde code :

<div class="off-canvas-wrapper">

  <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>

    <div class="off-canvas position-left" id="offCanvasLeft" data-off-canvas></div>
    <div class="off-canvas-content" data-off-canvas-content>
      <div class="title-bar">
        <div class="title-bar-left">
          <button class="menu-icon" type="button" data-open="offCanvasLeft"></button>
          <span class="title-bar-title">Foundation</span>
        </div>
      </div>
    </div>
  </div>
</div>

Et le css :

.title-bar{
    position:fixed;
    width:100%;
}