ant design react 修改modal 固定高度滚动条样式

最新推荐文章于 2024-08-20 23:22:22 发布

好苦呀

最新推荐文章于 2024-08-20 23:22:22 发布

阅读量4k

点赞数

分类专栏： react 文章标签： css 前端 ant

本文链接：https://blog.csdn.net/weixin_46113850/article/details/123706060

版权

react 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

  .ant-modal-body {
    max-height: calc(80vh - 150px);
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 6px;
      /*高宽分别对应横竖滚动条的尺寸*/
      height: 1px;
    }

    &::-webkit-scrollbar-thumb {
      // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #e3e3e6;
      border-radius: 6px;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
      // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
    }
  }