☰

Greasy Fork is available in English.

个性化、美化、自定义网页滚动条

个性化、美化、自定义网页滚动条！

// ==UserScript==
// @name         个性化、美化、自定义网页滚动条
// @namespace    http://tampermonkey.net/
// @version      3.0.0
// @description  个性化、美化、自定义网页滚动条！
// @author       戈小戈
// @match        https://*/*
// @match        http://*/*
// @icon         https://s3.bmp.ovh/imgs/2021/09/a01be58228a8ea44.jpg
// @license           AGPL
// @grant        GM_addStyle
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// @grant        unsafeWindow
// @run-at      document-start
// ==/UserScript==

(function() {
    'use strict';
    unsafeWindow.setScrollbar = function (flag){
        GM_addStyle("::-webkit-scrollbar {width : "+flag+"px;}");
        GM_setValue("scrollbarWidth",flag);
    }
    let defaultScrollbarWidth = '6';//设置所有网站默认的滚动条宽度，可以自己定义
    let scrollbarWidth=GM_getValue('scrollbarWidth', defaultScrollbarWidth);
    GM_addStyle("::-webkit-scrollbar {width : "+ scrollbarWidth +"px; height: 1px;}::-webkit-scrollbar-thumb {border-radius : 10px;background-color: #1f9ae6;background-image: linear-gradient(0deg, #1f9ae6 0%, #00cfd8 80%, #e4e4e4 100%);}::-webkit-scrollbar-track {box-shadow   : inset 0 0 10px rgba(0, 0, 0, 0.1);background   : #ededed;}")
    let large_command_id = GM_registerMenuCommand('⚙️ 设置滚动条大小：大', () => {
        setScrollbar(16);
        setScrollbarFlag(16);
    });
    let medium_command_id = GM_registerMenuCommand('⚙️ 设置滚动条大小：中', () => {
        setScrollbar(10);
        setScrollbarFlag(10);
    });
    let small_command_id = GM_registerMenuCommand('⚙️ 设置滚动条大小：小', () => {
        setScrollbar(6);
        setScrollbarFlag(6);
    });
    let scrollbar_flag_command_id = GM_registerMenuCommand('⚙️ 滚动条大小状态：');
    unsafeWindow.setScrollbarFlag = function (flag){
       switch(flag){
            case 16:
                GM_unregisterMenuCommand(scrollbar_flag_command_id);
                scrollbar_flag_command_id = GM_registerMenuCommand('⚙️ 滚动条大小状态：大 ✔️', () => {
                });
                break;
            case 10:
                GM_unregisterMenuCommand(scrollbar_flag_command_id);
                scrollbar_flag_command_id = GM_registerMenuCommand('⚙️ 滚动条大小状态：中 ✔️', () => {
                });
                break;
            case 6:
                GM_unregisterMenuCommand(scrollbar_flag_command_id);
                scrollbar_flag_command_id = GM_registerMenuCommand('⚙️ 滚动条大小状态：小 ✔️', () => {
                });
                break;
            default:
                break;
        }
    }
    setScrollbarFlag(scrollbarWidth);


})();