css - 如何在允许在其中向下滚动的同时固定移动菜单？

Question

我需要我的移动菜单能够感受整个屏幕，但它不适合在一个屏幕中垂直显示，因此必须允许垂直滚动。

如何实现？

https://jsfiddle.net/xj5k6mfn/

HTML:

<div class="mobile-menu">
  <ul>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
  </ul>
</div>

CSS:

.mobile-menu {
  position: fixed;
  li {
    margin-bottom: 5rem;
  }  
}

Answer 1

试试这个..你应该添加任何自定义滚动条

CSS

.mobile-menu {
  position: fixed;
  height:100vh;
  overflow:auto;
  li {
    margin-bottom: 5rem;
    padding-right:50px;
  }  
}