编写了一个左侧菜单,展开后过长和右侧内容区域不协调,没找到滚动条相关的设置。请问大家有什么好方案吗?
2条回答 默认 最新
- JS名 2023-02-08 14:58关注
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; }
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 C语言字符串不区分大小写字典排序相关问题
- ¥15 关于#python#的问题:我希望通过逆向技术爬取1688搜索页下滑加载的数据
- ¥15 学习C++过程中遇到的问题
- ¥15 关于Linux的终端里,模拟实现一个带口令保护的屏保程序遇到的输入输出的问题!(语言-c语言)
- ¥15 学习C++过程中遇到的问题
- ¥15 请问,这个嵌入式Linux系统怎么分析,crc检验区域在哪
- ¥15 二分类改为多分类问题
- ¥15 Unity微信小游戏上调用ReadPixels()方法报错
- ¥15 如何通过求后验分布求得样本中属于两种物种其中一种的概率?
- ¥15 q从常量变成sin函数,怎么改写python代码?