dumogu-scrollbar/dist/dumogu-scrollbar.css

A simple custom scrollbar plugin

.dumogu-scrollbar{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;pointer-events:none;z-index:999}.dumogu-scrollbar.mounted-to-body{width:100vw;height:100vh;position:fixed}.dumogu-scrollbar>.dumogu-scrollbar-target{position:absolute;width:0;height:0}.dumogu-scrollbar>.dumogu-scrollbar-target>.dumogu-scrollbar-target-rail{position:absolute}.dumogu-scrollbar>.dumogu-scrollbar-target>.dumogu-scrollbar-target-rail.x{bottom:0;left:0}.dumogu-scrollbar>.dumogu-scrollbar-target>.dumogu-scrollbar-target-rail.y{right:0;top:0}.dumogu-scrollbar-target-rail{opacity:0;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;pointer-events:initial}.dumogu-scrollbar-target-rail.x{height:8px;width:100%}.dumogu-scrollbar-target-rail.y{height:100%;width:8px}.dumogu-scrollbar-target-rail.hidden{display:none}.dumogu-scrollbar-target-rail.hover{opacity:1}.dumogu-scrollbar-target-rail.target-hover{opacity:1}.dumogu-scrollbar-target-rail.keep-show{opacity:1}.dumogu-scrollbar-target-rail.dragging{opacity:1}.dumogu-scrollbar-target-rail>.dumogu-scrollbar-target-rail-container{position:relative;width:100%;height:100%}.dumogu-scrollbar-target-rail>.dumogu-scrollbar-target-rail-container>.dumogu-scrollbar-target-thumb{position:absolute;background-color:#1d8fe1;background-image:-webkit-linear-gradient(315deg,#22e1ff 0,#1d8fe1 48%,#625eb1 100%);background-image:-moz-linear-gradient(315deg,#22e1ff 0,#1d8fe1 48%,#625eb1 100%);background-image:linear-gradient(-225deg,#22e1ff 0,#1d8fe1 48%,#625eb1 100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:2px;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.4509803922);box-shadow:1px 1px 3px rgba(0,0,0,.4509803922)}.dumogu-scrollbar-target-rail>.dumogu-scrollbar-target-rail-container>.dumogu-scrollbar-target-thumb.x{height:100%}.dumogu-scrollbar-target-rail>.dumogu-scrollbar-target-rail-container>.dumogu-scrollbar-target-thumb.y{width:100%}