語義UI粘性模塊不工作

Question

我想讓我的菜單欄變粘，但由於某種原因，它沒有做任何事情。

由於語義的UI文件解釋說：當它傳遞

然而，一旦它被傳遞我的導航欄不沾頂端

置頂內容附有自己的口中。

任何人都知道這是爲什麼？

標記：

<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' 
    }); 
    }) 

編輯

這裏是一個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>