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

隐藏除了顶部和底部以外的導覽列
目前为 2024-04-25 提交的版本。查看最新版本。
换行
// ==UserScript==
// @version      0.6
// @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        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 获取顶部导航栏元素
    var appBar = document.querySelector('.MuiAppBar-root');

    // 定义变量来存储上一次滚动的位置
    var lastScrollPosition = window.scrollY || window.pageYOffset;

    // 监听页面滚动事件
    window.addEventListener('scroll', function() {
        // 检查页面滚动位置
        var scrollPosition = window.scrollY || window.pageYOffset;
        var windowHeight = window.innerHeight || document.documentElement.clientHeight;
        var documentHeight = document.body.scrollHeight;

        // 判断滚动方向
        var isScrollingUp = scrollPosition < lastScrollPosition;
        var isScrollingDown = scrollPosition > lastScrollPosition;

        // 如果页面滚动到顶部或底部，则显示顶部导航栏
        if (scrollPosition === 0 || (scrollPosition + windowHeight) >= documentHeight) {
            appBar.style.transform = 'none';
            appBar.style.visibility = 'visible';
        } else {
            // 如果不在顶部且不在底部，则隐藏顶部导航栏
            appBar.style.transform = 'translateY(-48px)';
            appBar.style.visibility = 'hidden';
        }

        // 更新上一次滚动的位置
        lastScrollPosition = scrollPosition;
    });
})();
欢迎访问Greasy Fork镜像
