在代码位置激活滚动：固定;在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

问题是菜单的高度不受限制，所以不管你制作的内容多大，它都永远不会满！当然，它会比窗口大，但这对固定元素来说并不重要。

解决方案：为菜单指定一个最大高度，其大小可以是您想要的任何大小。在我的例子中，它是身体的高度。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;