Question

我有一个垂直导航栏，它应该是整个页面的高度。在没有滚动的小页面上，但是一旦我向下滚动，我可以看到栏正在折叠的正上方，并且在滚动后不会继续。 CSS是：

.top-bar {
    width: 80px;
    min-width: 0;
    background: url(../img/grad-overlay-hz.png) #292929;
    float: left;
    height: auto;
    min-height: 100% !important;
    border: none;
    border-right: 1px solid #515151;
    margin: 0;
    padding: 0;
}

Answer 1

我认为你应该使用position：fixed属性。这将使导航栏始终保持在视口中。

.top-bar {
    width: 80px;
    min-width: 0;
    background-color: #292929;
    position: fixed;
    height: 100%;
    border: none;
    border-right: 1px solid #515151;
    margin: 0;
    padding: 0;
}

元素未在折叠下方呈现

1 个答案: