sticky nav for mobile/large foundation 6

Question

Я хочу изучить основы 6, но у меня есть большие проблемы, чтобы понять, почему это не работает и что я делаю неправильно.

Я хочу сделать липкую навигационную панель для малого устройства и среднего/большого. для больших он действительно работает, для мобильных не ....

что я делаю неправильно? Я добавить Div то же самое, как для большого, данных липкого-контейнера и липкого класса .... нав на большом свитке, но нав на малых/мобильных устройствах не прокручивать ....

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

Вам необходимо добавить атрибут data-sticky-on="small" в ваш контейнер data-sticky. Значение по умолчанию для липкого ввода данных является средним.