Fixed NavBar и боковой панели перекрытия Семантический UI

Question

Я ищу, чтобы поддерживать фиксированный NavBar Вне зависимости от боковой панели с оказываясь под навигационной панели, как здесь с прикрепленным сверху/снизу: http://codepen.io/redshift7/pen/VaKmjq

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

Attached сегмент не будет работать с фиксированным навигатором, где он будет растягиваться по странице. Я бы предпочел увидеть ответ в 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