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

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

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
// ==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);


})();