固定導航欄和側邊欄重疊語義UI

Question

我期待保持側邊欄的導航欄固定與irregardless它的導航欄下出現在這裏與連接頂部/底部： http://codepen.io/redshift7/pen/VaKmjq

<div class="ui bottom attached segment"> 
    <div class="ui inverted labeled icon left inline vertical demo sidebar menu"> 

連接的區段不會使用固定的導航欄可以在頁面上展開。我寧願在vue.js中看到答案。

Answer 1

你需要做下面的CSS改變這個工作：

.menu { 
    position: fixed; 
    top: 0px; 
    z-index: 10001; 
    width: 100%; 
} 
.pusher { 
    margin-top: 36px; 
} 
.pushable { 
    margin-top: 0px !important; 
} 

工作codepen：here