スクロールで固定の位置付け

Question

たとえば、固定位置を使用するメニューがありますが、現在のウィンドウの高さよりも大きければ、これをスクロールできる方法はありますか？ブラウザのデフォルトの動作は、ブラウザを非表示にして、アクセスを許可しないことです。

div#sidebar { 
    position:fixed; 
    top:30px; 
    left:0; 
    bottom:4px; 
    width:148px; 
    background-color:#d7d7d7; 
} 

ここに私が現在持っているもののスニペットがあります。 JavaScriptやいくつかの行が必要でしょうか？

編集：これが実際に正しいかどうかはわかりません。文書の先頭から30ピクセルの要素が必要です。私はオーバーフローを使ってこれをスクロールさせたい：autoとheight：100％。いずれにしても、スクロールバーが表示されない、またはdivの一部が表示されないように見えます。

Answer 1

このdivにoverflow:scroll（またはoverflow:auto）を設定し、高さを100％に設定する必要があります。