潜渊者 2023-02-07 17:32 采纳率: 70.7%
浏览 60
已结题

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

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

  • 写回答

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;
    }
    
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月16日
  • 已采纳回答 2月8日
  • 创建了问题 2月7日

悬赏问题

  • ¥15 nslt的可用模型,或者其他可以进行推理的现有模型
  • ¥15 arduino上连sim900a实现连接mqtt服务器
  • ¥15 vncviewer7.0安装后如何正确注册License许可证,激活使用
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并2
  • ¥66 关于人体营养与饮食规划的线性规划模型
  • ¥15 基于深度学习的快递面单识别系统
  • ¥15 Multisim仿真设计地铁到站提醒电路
  • ¥15 怎么用一个500W电源给5台60W的电脑供电
  • ¥15 请推荐一个轻量级规则引擎,配合流程引擎使用,规则引擎负责判断出符合规则的流程引擎模板id
  • ¥15 Excel表只有年月怎么计算年龄