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

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