User:Irukaza/common.js

注意：这类代码页面在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
按住CTRL+SHIFT+DEL 或 ⌘-Shift-R来清除缓存！
或尝试在地址栏的地址最后添加代码?_=1来访问最新页面。
添加代码后的本页地址如下：-{R|https://hmoegirl.com/User:Irukaza/common.js?_=1}-
你还可以在设置中勾选小工具在页面右上角添加清除缓存按钮！
mw.loader.load('https://www.hmoegirl.com/index.php?title=User:AT/js/UserStatus.js&action=raw&ctype=text/javascript');
document.querySelector("#footer-poweredbyico > a > img").srcset='';
document.querySelector("#footer-poweredbyico > a > img").src='https://hmoegirl.com/resources/assets/poweredby_mediawiki_132x47.png';
/*
** ScrollToc
** Author:马小萌
** Bilibili:https://space.bilibili.com/123855714
**/
"use strict";

var ScrollToc = {
    ver: "v2.5.4",
    toc:$("#toc"),
    title:$("#toc a"),
    titleTop:[],
    defaultToc:function(){
        $("head").append(`<style type="text/css">
.toc {position:fixed;top:90px;width:13vw;max-height:50vh;min-height:100px;display:block;overflow-x:hidden;left:3px;z-index:10;padding:7px 17px 20px 7px;}
.toc::-webkit-scrollbar {width:10px;}
.toc::-webkit-scrollbar-thumb {background:#ccc;border-radius:5px;}
.toc::after {content:"隐藏目录";position:fixed;background-color:#eee;font-weight:bold;left:calc(13vw + 2px);top:110px;width:20px;padding-left:2px;border:1px solid #a2a9b1;border-left:1px solid #f8f9fa;}
.toc>ul {position:relative;margin-left:6px;padding-left:13px;border-left:2px solid #ccc;z-index:0;}
.toc>ul::before,.toc>ul::after {content:"";position:absolute;width:10px;height:10px;border-radius:5px;border:2px solid #ccc;background:#eee;z-index:3;}
.toc>ul::before {top:-6px;left:-6px;}
.toc>ul::after {top:calc(100% - 6px);left:-6px;}
.toc ul ul {margin:0 0 0 1.2em;}
.toc .toctogglespan {display:none;}
.toc .titleArrow::after {content:"";position:absolute;left:2px;z-index:2;margin-top:3px;width:18px;cursor:pointer;height:0px;border:6px solid transparent;border-left:6px solid #5896d5;z-index:4;}
.toc .titleArrow::before {content:"";position:absolute;margin-top:3px;left:-10px;border:6px solid #5896d5;z-index:4;}
.toc .titleArrow {color:black!important;font-weight:bold!important;}
.toc li.toclevel-1:before {content: "";position: absolute;margin-top: 6px;left: -4px;border: 3px solid #999;border-radius: 3px;z-index:1;}
.toc li.toclevel-2:before {content: "";position: absolute;margin-top: 7px;left: -3px;border: 2px solid #999;border-radius: 2px;z-index:1;}
</style>`);
    },
    leftScrolltoc:function(){
        $("head").append(`<style type="text/css">
#leftscrolltoc {position: relative;padding-left: calc(20% + 30px);}
.toc {position: sticky;top: 49px;float: left;margin-left: calc(-20% - 82px);width: calc(20% + 60px);height: calc(100% - 50px);display: block;overflow: auto;padding: 7px 17px 20px 7px;}
.toc::-webkit-scrollbar {width:10px;}
.toc::-webkit-scrollbar-thumb {background:#ccc;border-radius:5px;}
.toc>ul {position:relative;margin-left:16px;padding-left:13px;border-left:2px solid #ccc;z-index:0;}
.toc>ul::before,.toc>ul::after {content:"";position:absolute;width:10px;height:10px;border-radius:5px;border:2px solid #ccc;background:#eee;z-index:3;}
.toc>ul::before {top:-6px;left:-6px;}
.toc>ul::after {top:calc(100% - 6px);left:-6px;}
.toc ul ul {margin:0 0 0 1.2em;}
.toc .toctogglespan {display:none;}
.toc .titleArrow::after {content:"";position:absolute;left:2px;z-index:2;margin-top:3px;width:18px;cursor:pointer;height:0px;border:6px solid transparent;border-left:6px solid #5896d5;z-index:4;}
.toc .titleArrow::before {content:"";position:absolute;margin-top:3px;left:-10px;border:6px solid #5896d5;z-index:4;}
.toc .titleArrow {color:black!important;font-weight:bold!important;}
.toc li.toclevel-1:before {content: "";position: absolute;margin-top: 6px;left: -4px;border: 3px solid #999;border-radius: 3px;z-index:1;}
.toc li.toclevel-2:before {content: "";position: absolute;margin-top: 7px;left: -3px;border: 2px solid #999;border-radius: 2px;z-index:1;}
</style>`);
        $("#leftscrolltoc").prepend(toc);
    },
    rightScrolltoc:function(){
        $("head").append(`<style type="text/css">
#rightscrolltoc {position: relative;padding-right: calc(20% + 30px);}
.toc {position: sticky;top: 49px;float: right;margin-right: calc(-20% - 82px);width: calc(20% + 60px);height: calc(100% - 50px);display: block;overflow: auto;padding: 7px 17px 20px 7px;}
.toc::-webkit-scrollbar {width:10px;}
.toc::-webkit-scrollbar-thumb {background:#ccc;border-radius:5px;}
.toc>ul {position:relative;margin-left:16px;padding-left:13px;border-left:2px solid #ccc;z-index:0;}
.toc>ul::before,.toc>ul::after {content:"";position:absolute;width:10px;height:10px;border-radius:5px;border:2px solid #ccc;background:#eee;z-index:3;}
.toc>ul::before {top:-6px;left:-6px;}
.toc>ul::after {top:calc(100% - 6px);left:-6px;}
.toc ul ul {margin:0 0 0 1.2em;}
.toc .toctogglespan {display:none;}
.toc .titleArrow::after {content:"";position:absolute;left:2px;z-index:2;margin-top:3px;width:18px;cursor:pointer;height:0px;border:6px solid transparent;border-left:6px solid #5896d5;z-index:4;}
.toc .titleArrow::before {content:"";position:absolute;margin-top:3px;left:-10px;border:6px solid #5896d5;z-index:4;}
.toc .titleArrow {color:black!important;font-weight:bold!important;}
.toc li.toclevel-1:before {content: "";position: absolute;margin-top: 6px;left: -4px;border: 3px solid #999;border-radius: 3px;z-index:1;}
.toc li.toclevel-2:before {content: "";position: absolute;margin-top: 7px;left: -3px;border: 2px solid #999;border-radius: 2px;z-index:1;}
</style>`);
        $("#rightscrolltoc").prepend(toc);
    },
    init:function(){
        if($("#noscrolltoc").length)return;
        if(this.toc.length==0)return;
        if($("#leftscrolltoc").length){
            if($("body").width()<=1200)return;
            this.leftScrolltoc();
        }else if($("#rightscrolltoc").length){
            if($("body").width()<=1200)return;
            this.rightScrolltoc();
        }else{
            if($("body").width()<=1370)return;
            this.defaultToc();
        }
        this.load();
        console.log("%c ScrollToc %c%shttps://wiki.biligame.com/wiki/?curid=2356", "color: #fff; padding: 5px 0; background: #f3a034;", "padding: 5px 6px 5px 5px; background: #ffffe5;",this.ver);
    },
    load:function(){
        this.title.each(function() {
            let titleOffset = $(`[id='${this.hash.substr(1)}']`).offset().top;
            ScrollToc.titleTop.push(titleOffset);
            $(this).on("click", function(e) {
                $("html,body").animate({scrollTop: titleOffset - 250}, 350);
                return false;
            });
            if(this.hash.substr(1)==location.href.replace(/^.+#(.+)$/,"$1")){
                setTimeout(function() {
                    $("html,body").scrollTop(titleOffset - 250);
                }, 2000);
            }
        });
        $(document).on("scroll", function(){
            let index = ScrollToc.titleTop.length-1;
            for(let i in ScrollToc.titleTop) {
                if(window.scrollY<ScrollToc.titleTop[i]-150){
                    index = i;
                    break;
                }
            };
            ScrollToc.toc.scrollTop(ScrollToc.title[index].offsetTop-ScrollToc.toc.outerHeight()/4);
            ScrollToc.title.removeClass("titleArrow");
            ScrollToc.title[index].classList.add("titleArrow");
        });
        ScrollToc.toc.on('click', function (e) {
            if($(this).css("left")=="3px"){
                $(this).css("left","calc(-13vw + 1px)");
                document.styleSheets[0].addRule('#toc:after','left: 0px;');
            }else{
                $(this).css("left",3);
                document.styleSheets[0].addRule('#toc:after','left: calc(13vw + 2px);');
            }
        });
        // if($(".mw-parser-output").css("background-color")=="rgba(0, 0, 0, 0)"){
        //     $("head").append(`<style type="text/css">h2 {position:sticky;top:48;background-color:#fff;z-index:8;}</style>`);
        // }else{
        //     $("head").append(`<style type="text/css">h2 {position:sticky;top:48;background-color:inherit;z-index:8;}</style>`);
        // }
    }
}
ScrollToc.init();
User:Irukaza/common.js

导航菜单

搜索
