固定兆丰菜单 - 如何启用移动滚动没有滚动条

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没有滚动条