vuescroll/dist/vuescroll.css

A beautiful scrollbar based on Vue.js for PC and mobile.

.vuescroll{position:relative;overflow:hidden}.vuescroll-panel{box-sizing:border-box}.vuescroll-panel .vuescroll-content{position:relative;height:100%}.vuescroll-panel.__hidebar::-webkit-scrollbar{width:0;height:0}.vuescroll-panel.__native{height:100%}.vuescroll-panel.__slide{transform-origin:left top 0px;user-select:none;min-width:100%;min-height:100%}.vuescroll-panel.__pure-native{width:100%;height:100%}.vuescroll-content{min-width:100%;min-height:100%}.vuescroll-vertical-rail{position:absolute;z-index:1;top:2px;bottom:2px}.vuescroll-vertical-rail .vuescroll-vertical-bar{top:0;width:100%;cursor:pointer;position:relative;transition:opacity 0.5s;user-select:none;border-radius:inherit}.vuescroll-horizontal-rail{position:absolute;z-index:1;right:2px;left:2px}.vuescroll-horizontal-rail .vuescroll-horizontal-bar{left:0;height:100%;cursor:pointer;position:relative;transition:opacity 0.5s;user-select:none;border-radius:inherit}.vuescroll-refresh{position:absolute;width:100%;color:black;height:50px;text-align:center;font-size:16px;line-height:50px}.vuescroll-refresh svg{margin-right:10px;width:25px;height:25px;vertical-align:sub}.vuescroll-refresh svg path,.vuescroll-refresh svg rect{fill:#ff6700}.vuescroll-load{position:absolute;width:100%;color:black;height:50px;text-align:center;font-size:16px;line-height:50px}.vuescroll-load svg{margin-right:10px;width:25px;height:25px;vertical-align:sub}.vuescroll-load svg path,.vuescroll-load svg rect{fill:#ff6700}