LESS-界面滚动时不显示默认滚动条，定制滚动条

.el-menu-vertical {

    overflow-x: hidden;

    overflow-y: auto;

    flex: 1;

    height: calc(100% - 64px);

    &::-webkit-scrollbar {

        width: 0px;

        background-color: transparent;

        &-track-piece {

            width: 0px;

            background-color: transparent;

        }

        &-thumb {

            width: 0px;

            background-color: transparent;

            cursor: pointer;

            &:hover {

                background-color: transparent;

            }

        }

    }

}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 公共CSS文件
    我的公共CSS文件@import "normalize.css";/begin主页面//begin主页面/body...
    蓝色海洋_1982阅读 1,208评论 0赞 0
  • CSS设置浏览器滚动条样式及隐藏滚动条
    虽然大多数人不会关注到滚动条的样式，但是有一些网站还是对滚动条进行了优化，比如网易邮箱。我们可以用 CSS 来设置...
    仰寒天阅读 3,148评论 0赞 0
  • 我在做移动端时遇见的css问题
    关于css常见问题，大多是移动端的。 简单的排版规则：条目与条目之间空两行，每条内容部分分段空一行。标点符号全部用...
    苏水儿阅读 5,062评论 0赞 9
  • 无标题文章
    ## 你可能会用到的css属性 > css语言相对简单，css的属性值就这么多，没有太多逻辑性，没有算法，熟记各个...
    流年_7fec阅读 256评论 0赞 0
  • 送你一个晚安故事
    我是黑夜里大雨纷飞的人啊 1 “又到一年六月，有人笑有人哭，有人欢乐有人忧愁，有人惊喜有人失落，有的觉得收获满满有...
    陌忘宇阅读 8,606评论 28赞 53