image.png

遇到了导航栏过长的问题，为了用户方便就加了个滚动条，然而，出现了这么尴尬的形状。。。真的书丑~~~~
所以，为了隐藏滚动条，上网找了几个方法，下面上最通俗易懂的代码
直接使用css就可以解决，out-div是这个导航栏外套的div
overflow-y：auto是给这个div添加导航栏
-ms-overflow-style: none;适用于ie浏览器10+
.out-div::-webkit-scrollbar {
width: 0 !important
}适用于谷歌浏览器

.out-div {
    width: 200px;
    height: 300px;
    background: #CCCCCC;
    -ms-overflow-style: none;
    overflow-y: auto;
}

.out-div::-webkit-scrollbar {
    width: 0 !important
}