2016-11-27 124 views
0

我期待保持侧边栏的导航栏固定与irregardless它的导航栏下出现在这里与连接顶部/底部: http://codepen.io/redshift7/pen/VaKmjq固定导航栏和侧边栏重叠语义UI

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

连接的区段不会使用固定的导航栏可以在页面上展开。我宁愿在vue.js中看到答案。

+0

你忘了添加引用链接。 – Saurabh

回答

1

你需要做下面的CSS改变这个工作:

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

工作codepen:here

+0

它不工作,向下滚动也会导致边栏滚动,直到它不在窗口中(不固定)。 –