Greasy Fork

来自缓存

Greasy Fork is available in English.

Mangadex Static Navbar & Reader Scrolling Between Chapters

Makes the nav-bar static instead of fixed. Fixes the scroll to top function so it scrolls to the top of the manga page when going between pages and (unique to this script) chapters.

// ==UserScript==
// @name         Mangadex Static Navbar & Reader Scrolling Between Chapters
// @namespace    http://tampermonkey.net/
// @version      1.2.4
// @description  Makes the nav-bar static instead of fixed. Fixes the scroll to top function so it scrolls to the top of the manga page when going between pages and (unique to this script) chapters.
// @author       Hajile-Haji
// @match        *://mangadex.org/*
// @match        *://*.mangadex.org/*
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_deleteValue
// ==/UserScript==

(function() {
	'use strict';

	let d = document,
		redirect = GM_getValue('mangaDexRedirect', null),
		isBeta = location.hostname.startsWith('beta.'),
		isReaderPage = location.pathname.startsWith('/chapter'),
		topNav = isBeta ? d.querySelector('.navbar') : d.getElementById('top_nav');


	if (isBeta) {
		if (!isReaderPage) {
			d.body.style.paddingTop = 0;
			topNav.classList.remove('fixed-top');
			topNav.style.marginBottom = '20px';
		}
	} else {
		d.body.style.paddingTop = 0;
		topNav.classList.add('navbar-static-top');
		topNav.classList.remove('navbar-fixed-top');
	}

	// If the page is a reader page
	if (!isBeta && isReaderPage) {
		let currentPage = d.getElementById('current_page'),
			pageCount = d.getElementById('jump_page').length,
			keyPressed = false;

		function getCurrentDataSrc(add) {
			if (add !== undefined) {
				return $(currentPage).data('page') + add;
			} else {
				return $(currentPage).data('page');
			}
		};

		function goPage(page) {
			if (page > pageCount || page < 1) {
				GM_setValue('mangaDexRedirect', true);
			}

			if (redirect) {
				currentPage.scrollIntoView();
			} else {
				currentPage.addEventListener('load', () => currentPage.scrollIntoView());
			}
		};

		GM_deleteValue('mangaDexRedirect');

		currentPage.style.paddingTop = '5px';
		currentPage.style.margin = '0 auto';

		if (redirect) {
			goPage(1);
			redirect = false;
		}

		// jump_page select change event
		d.getElementById('jump_page').addEventListener('change', () => goPage(getCurrentDataSrc()));

		// page click event
		currentPage.addEventListener('click', () => goPage(getCurrentDataSrc(1)));

		// keyboard events
		d.addEventListener('keyup', e => (e.key === keyPressed) ? keyPressed = false : null);
		d.addEventListener('keydown', e => {
			e.stopPropagation();

			const tag = (e.target || e.srcElement).tagName.toLowerCase();

			if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || keyPressed !== false) return;

			keyPressed = e.key;

			if (!['input', 'select', 'textarea'].includes(tag)) {
				switch (e.key.toLowerCase()) {
					case "arrowleft":
					case "left":
					case "a":
						return goPage(getCurrentDataSrc() - 1);

					case "arrowright":
					case "right":
					case "d":
						return goPage(getCurrentDataSrc() + 1);
				}
			}
		});
	}
})();