javascript - 修复了 super 菜单 - 如何在没有滚动条的情况下在移动设备上启用滚动

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