ボディオーバーフローが非表示に設定されている場合、サイドパネルのスクロールバーを追加するにはどうすればよいですか？ここ

Question

はJSFiddleです：

https://jsfiddle.net/stgeqjoL/

html, 
body, 
#container { 
    height: 100%; 
    width: 100%; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
} 

私が選択したときに何かをするだろう、多くのdivを持つことになり、サイドパネルを持っています。

ボディは現在、オーバーフローを隠すように設定されています。これは、サイドパネルがオーバーフローを隠すようにしていますが、スクロールする必要があります。

変更する必要があるのは何ですか？

Answer 1

#sidebarにheightの値を加え、overflow: scrollとする必要があります。

試行： `：

#sidebar { 
    position: absolute; 
    top: 0; 
    left: 0; 
    background: rgba(0, 0, 0, 0.85); 
    width: 350px; 
    overflow: scroll; 
    height: 100vh; 
}