ant-design-vue没找到滚动条设置，有什么替代方案吗？

Question

编写了一个左侧菜单，展开后过长和右侧内容区域不协调，没找到滚动条相关的设置。请问大家有什么好方案吗？

Answer 1

Ant Design Vue 是一款基于 Vue 的 UI 组件库，没有提供滚动条组件，但是你可以使用第三方库或者直接使用 CSS 来实现滚动条的设置。

一个常用的第三方库是 "vue-perfect-scrollbar"，它提供了一个高度可定制的滚动条组件，并且兼容 Ant Design Vue。

如果你想使用 CSS 来实现，可以参考以下代码：

.scrollbar {
  overflow: auto;
  height: 200px;
  width: 100%;
}

.scrollbar::-webkit-scrollbar {
  width: 8px;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 10px;
}