✨ Customize website's scrollbar like Mac OS. Not supports in Firefox and IE.

customize-scrollbar.css

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
    display:none;
}

Chrome 114, overflow: overlay is removed.

@zhnoah , you should use scrollbar-gutter: stable instead of overflow: overlay

Perfect, thanks mate!