sticky nav für mobile/große Stiftung 6

Question

Ich möchte Stiftung 6 lernen, aber ich habe große Probleme zu verstehen, warum es nicht funktioniert und was mache ich falsch.

Ich möchte Sticky Nav bar für kleine Gerät und Medium/Large machen. für große funktioniert es, für mobile nicht ....

was mache ich falsch? Ich füge div die gleichen wie für große, daten sticky-Container und klebrige Klasse .... nav auf großen rollt, aber nav auf kleines/Handy nicht bewegen ....

http://codepen.io/paulcrowski/pen/ENBJVe

<div data-sticky-container> 
     <div class="small-12 sticky" data-sticky data-options="marginTop: 0"> 
      <div class="off-canvas-content" data-off-canvas-content > 
       <div class="title-bar show-for-small-only"> 
        <div class="title-bar-left"> 
         <button class="menu-icon" type="button" data-open="mobile-menu"></button> 
         <span class="title-bar-title">Menu ver0.1mob</span> 
        </div> 
        <div class="title-bar-right"> 
         <button class="menu-icon" type="button" data-open="basket-right"></button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

Sie müssen data-sticky-on="small" Attribut zu Ihrem data-sticky Container hinzufügen. Der Standardwert für Daten-sticky-on ist mittel.