☰

个性滚动条

网页滚动条美化

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

// ==UserScript==
// @name        个性滚动条
// @namespace    http://tampermonkey.net/
// @version      2.0
// @description  网页滚动条美化
// @author       wuyupei
// @match         *://*/*
// @icon         https://www.google.com/s2/favicons?domain=greasyfork.org
// @grant        none
// ==/UserScript==
 
(function() {
const MyScrollBar = document.createElement('div')
MyScrollBar.innerHTML =
    `
       <style>
            ::-webkit-scrollbar {
                background-color: #fff;
                width: 6px;
                overflow: visible;
            }
            ::-webkit-scrollbar-thumb {
                background-color: #2474b5;
                border-radius: 0;
            }
            ::-webkit-scrollbar-button {
                background-color: #2474b5;
                width:16px;
                height:16px;
                border-radius:50%;
            }
            ::-webkit-scrollbar-corner {
                background-color: black;
            }
        </style>
     `
document.body.appendChild(MyScrollBar)
 
})(document);