vue，css实现元素隐藏或取消滚动条

原创已于 2023-05-19 17:47:09 修改 · 9.3k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #css #html #javascript #前端

于 2023-01-13 09:56:10 首次发布

博客主要围绕元素CSS使用overflow: scroll;时出现的滚动条问题展开，介绍了隐藏或取消滚动条的操作方法，还提及了更改滚动条样式的内容，属于前端开发领域。

对于元素css使用overflow: scroll;出现的滚动条问题，如果想要隐藏或者取消只需要对这个元素进行一下操作。

        .scroll{
            overflow: scroll;
        }
        .scroll::-webkit-scrollbar{//隐藏或取消滚动条
            display: none;
        }

更改滚动条样式

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgb(219, 219, 219);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}