コード位置でスクロールを有効にします。 CSSで

Question

私は右のメニューを修正したページがあります。このセクションがいっぱいになると、このセクションがスクロールされるようにします。私はこれを試したことがあり、私にとっては不可能なので、私はあなたの助けが必要です。
注：overflow-yから：scroll;私はそれを使用しましたが、結果はありませんでした。
この問題の解決方法はありますか？固定セクションに適用し、残りの部分を参照できますか？

.cbp-spmenu { 
 
    background: #47a3da; 
 
    position: fixed; 
 
}

<nav class="cbp-spmenu" id="cbp-spmenu-s2"> 
 
    <h3>Menu</h3> 
 
    <ul> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    </ul> 
 
</nav>

Answer 1

問題はメニューが無制限の高さを持っているということですので、関係なく、あなたがコンテンツを作るどのように大きな、それは完全な得ることはありません！確かに、それはウィンドウよりも大きくなるでしょうが、それは固定要素には関係ありません。

解決方法：メニューに最大高さを指定します。サイズは任意に設定できます。私の例では、身体の高さです。

body, html { 
 
    height:100%; margin:0; /* to make sure we know how much 100% is */ 
 
} 
 

 
.cbp-spmenu { 
 
    background: #47a3da; 
 
    position: fixed; 
 
    max-height:100%; 
 
    overflow:auto; 
 
    padding-right:2em; 
 
}

<nav class="cbp-spmenu" id="cbp-spmenu-s2"> 
 
    <h3>Menu</h3> 
 
    <ul> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    <li><a href="#home" class="scroll">Home</a></li> 
 
    </ul> 
 
</nav>