嗨皮漫畫 - 隐藏特定位置的 導覽列

隱藏除了頂部和底部以外的 導覽列

// ==UserScript==
// @version      3.1
// @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 = ".MuiPaper-root.MuiAppBar-root.MuiAppBar-positionSticky.MuiAppBar-colorPrimary.jss12.MuiPaper-elevation4";

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

    // 監聽頁面滾動事件
    window.addEventListener('scroll', function() {
        var currentScroll = window.pageYOffset; // 當前的垂直滾動位置

        // 如果滾動位置大於頂部高度，則隱藏元素，否則顯示元素
        if (currentScroll > 0) {
            GM_addStyle(divSelector + " { display: none !important; }");
        } else {
            GM_addStyle(divSelector + " { display: block !important; }");
        }
    });
})();