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

我需要移动菜单才能感觉到整个屏幕，但是它不能垂直放置在一个屏幕中，因此必须允许垂直滚动。

如何实现呢？

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

最佳答案

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

的CSS

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

关于css - 如何固定移动菜单同时允许向下滚动菜单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59693742/