IE7 div位置固定

Question

私はブラウザのビューポートの高さを記入する必要がありますが、ユーザーがウェブページを上下にスクロールしたときに同じ位置に表示されるdivがあります。位置：固定;これを行いますが、私はそれはのdivぎくしゃくと低速のオーバーフロースクロールバーを作っているとしてそれを使用することができません。

div.panel { 
    position: absolute; 
    top: 36px; 
    right: 0; 
    overflow: auto; 
    background: #636362; 
    padding: 0 0 20px 0px; 
    width: 290px; 
    height: 100%; 
} 

Answer 1

すべてのスクロールバーは同様に動作するので、私は、あなたが「ぎくしゃくと遅い」と何を意味するかわからない：私は現在持っている私には、例えばので、使用することができます位置や方法があります。これは私があなたの問題を解決する方法を次のとおりです。

HTML：

<div class="fixed">I'm fixed!</div> 
<p>Rest of page</p> 

はCSS：

html, body { 
    /* make sure the page is at least height of viewport */ 
    height: 100%; 
} 
body { 
    /* because the fixed div is no part of the flow, 
    make sure it is not overlapping the webpage */ 
    padding: 0 0 0 100px; 
} 
.fixed { 
    height: 100%; 
    width: 100px; 
    left: 0; 
    position: fixed; 
    background: #e0e0e0; 
    /* only vertical-scrolling, but can be changed of course */ 
    overflow-y: scroll; 
} 

JSfiddled Live example

少なくともIE7、IE8とFirefoxで動作します。