自定义任何div的滚动条设计，但不包括主体

Question

我想自定义滚动条设计。但它也改变了主体中的滚动条。我希望它只适用于选定的div。我该怎么做呢?

Answer 1

可以在CSS中定义滚动条样式之前添加一个类。

/* Scrollbars */
.custom-scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.custom-scroll::-webkit-scrollbar-track {
    background-color: #E0E0E0;
}
.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #8B8B8B;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #C40030;
}
.custom-scroll * {
    scrollbar-face-color: #8b8b8b;
    scrollbar-track-color: #e0e0e0;
    scrollbar-shadow-color: #C40030;
}
/* END Scrollbars */

https://jsfiddle.net/oLh66xut/1/