要素は折りたたみの下にレンダリングされません。

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; 
}​