美文网首页
vue element 菜单滚动

vue element 菜单滚动

作者: 前端陈陈陈 | 来源:发表于2020-12-14 14:06 被阅读0次

    1、<el-menu> 标签上加样式类名:sidear_container
    2、样式:

    .sidear_container {
      max-height: 100vh;
      overflow-y: auto;
      &::-webkit-scrollbar {
        // display: none;
      }
    }
    ::-webkit-scrollbar {
      width: 5px;
      height: 1px;
    }
    ::-webkit-scrollbar-track-piece {
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 6px;
    }
    ::-webkit-scrollbar-thumb:vertical {
      height: 5px;
      background-color: rgba(125, 125, 125, 0.7);
      -webkit-border-radius: 6px;
    }
    ::-webkit-scrollbar-thumb:horizontal {
      width: 5px;
      background-color: rgba(125, 125, 125, 0.7);
      -webkit-border-radius: 6px;
    }
    

    相关文章

      网友评论

          本文标题:vue element 菜单滚动

          本文链接:https://www.haomeiwen.com/subject/vxyvgktx.html