固定超级菜单 - 如何在没有滚动条的情况下在移动设备上启用滚动

Question

我正在使用这个 megamenu 代码： https://codepen.io/riogrande/pen/MKXweV

但是我加了

.menu-container{
    position:fixed;
}

这适用于桌面版本，但是当您缩小到移动版本时，这意味着您无法看到所有菜单项。我可以添加

.menu-container{
    overflow-y:scroll;
    max-height:100%;
}

到移动样式来创建滚动条，但我宁愿没有滚动条，我只是希望用户能够向下滚动以查看所有菜单项，其工作方式与将位置设置为时的工作方式相同相对的。

如何在不丢失移动端固定位置的情况下实现这个效果？

Answer 1

实际上移动设备不显示滚动条。只有在开发模式下，您才能看到滚动条。 将overflow-y: scroll 更改为auto;

或者去掉滚动条

.my-div-class::-webkit-scrollbar
{
    width: 0; // Or display: none;
}

请注意，这可能不适用于任何浏览器。 定位你不希望滚动条的 div