嗨皮漫画 - 隐藏特定位置的导航栏

隐藏除了顶部和底部以外的導覽列

目前为 2024-04-25 提交的版本。查看最新版本。

换行

// ==UserScript==
// @version      2.8
// @name         嗨皮漫畫 - 隐藏特定位置的 導覽列
// @name:zh-TW   嗨皮漫畫 - 隐藏特定位置的 導覽列
// @name:zh-CN   嗨皮漫画 - 隐藏特定位置的 导航栏
// @name:en Happy Comics - Hide Specific Position AppBar
// @namespace    https://www.youtube.com/c/ScottDoha
// @description  隱藏除了頂部和底部以外的 導覽列
// @description:zh-cn 隐藏除了顶部和底部以外的 導覽列
// @description:en Hide AppBar except at the top and bottom of the page
// @author       Scott
// @match        *://m.happymh.com/reads/*
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 新的 div 元素的 CSS 選擇器
    var divSelector = ".MuiToolbar-root.MuiToolbar-dense.jss12.MuiToolbar-gutters";

    // 添加隱藏指定樣式的 CSS
    GM_addStyle(divSelector + " { display: none !important; }");

    // 检查页面是否在顶部，并根据需要显示或隐藏元素
    function checkTop() {
        if (window.scrollY === 0) {
            document.querySelector(divSelector).style.display = "block";
        } else {
            document.querySelector(divSelector).style.display = "none";
        }
    }

    // 文檔加載完成後檢查一次頁面位置
    document.addEventListener("DOMContentLoaded", checkTop);

    // 監聽頁面滾動事件
    window.addEventListener("scroll", checkTop);
})();

欢迎访问Greasy Fork镜像