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

时间:2016-11-27 01:24:15

标签: vue.js navbar sidebar semantic-ui

我希望维护固定的导航栏,无论侧边栏是否出现在导航栏下方,如此处附加顶部/底部: 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中看到答案。

1 个答案:

答案 0 :(得分:1)

您需要对此进行以下CSS更改才能生效:

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

工作代码:here