<div class="nav" style="overflow:auto; overflow-x:hidden; ">
  
 </div>

上面我设置隐藏水平滚动条，当内容超过高度时垂直滚动条会自动显示出来。

下面是滚动条的样式，可以设置宽度和颜色。

<style scoped lang="scss">
::-webkit-scrollbar {
  width: 7px;
}

::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}

::-webkit-scrollbar-thumb:active {
  background-color: #aaa;
}
</style>

如果对你有帮助，谢谢你点个赞！