Semantic UI липкий модуль не работает

Question

Я пытаюсь сделать панель меню липкой, но по какой-то причине она ничего не делает.

Как объяснено в документации Semantic-UI:

Sticky контент привязывается к иллюминатору, когда он передается

Однако мой Navbar не прилипает к вершине, когда он будет принят.

Кто-нибудь знает, почему это так?

Markup:

<div id="example1"> 
    <div class="ui sticky"> 
     <div style="clear:both" class="ui teal menu"> 
    <a class="active item"> 
    <i class="home icon"></i> Home 
    </a> 
    <a class="item"> 
    <i class="info icon"></i> About 
    </a> 
    <a class="item"> 
    <i class="book icon"></i> Read 
    </a> 
    <a class="item"> 
    <i class="edit icon"></i> Write 
    </a> 


    <div class="ui right menu"> 

    <a class="item" id="logIn"> 
    <i class="user icon"></i> Log In 
    </a> 
    <a class="item" href="signup"> 
    <i class="signup icon"></i> Sign Up 
    </a> 

    </div> 

</div> 
</div> 
</div> 

JavaScript:

$(document).ready(function(){ 
    $('.ui.sticky') 
    .sticky({ 
    context: '#example1' 
    }); 
    }) 

EDIT

Вот link на сайт.

Answer 1

Вы уверены, что это правильно проверяете?

Вот codepen с вашим кодом и он прекрасно работает для меня: http://codepen.io/anon/pen/jEYXGG

Это то, что я использовал:

<div id="example1"> 
<div class="ui sticky"> 
    <div style="clear:both" class="ui teal menu"> 
    <a class="active item"> 
    <i class="home icon"></i> Home 
    </a> 
    <a class="item"> 
    <i class="info icon"></i> About 
    </a> 
    <a class="item"> 
    <i class="book icon"></i> Read 
    </a> 
    <a class="item"> 
    <i class="edit icon"></i> Write 
    </a> 
    <div class="ui right menu"> 
    <a class="item" id="logIn"> 
    <i class="user icon"></i> Log In 
    </a> 
    <a class="item" href="signup"> 
    <i class="signup icon"></i> Sign Up 
    </a> 
    </div>  
</div> 
... Added some content here ... 
</div>