修复了navBar和侧边栏重叠的语义UI

Question

我希望维护固定导航栏，无论侧边栏，它出现在导航栏下面，因为在这里与附加的顶部/底部：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;
}

工作代码：here