No Sticky Headers

1// ==UserScript==2// @name         No Sticky Headers3// @namespace    https://hatscripts.com/4// @version      1.3.25// @description  Detects position: sticky and fixed page headers and unpins them so long articles are readable on small screens.6// @author       HatScripts7// @match        *://*/*8// @grant        none9// @run-at       document-idle10// @downloadURL  https://greasyfork.org/scripts/no-sticky-headers/code/script.user.js11// @supportURL   https://github.com/HatScripts/no-sticky-headers12// ==/UserScript==1314'use strict';1516const SETTINGS = {17  enabled: true,18  debug: false,19};2021function log(...args) {22  if (SETTINGS.debug) console.log('[no-sticky-headers]', ...args);23}2425function enhance(root = document) {26  if (!SETTINGS.enabled) return;27  const targets = root.querySelectorAll('[data-no-sticky-headers-done="true"]');28  log('already processed', targets.length);29  // Apply the tweak to every matching node on the page.30  for (const node of root.querySelectorAll('main, article, [role="main"]')) {31    if (node.dataset['nostickyheaders']) continue;32    node.dataset['nostickyheaders'] = '1';33    node.classList.add('no-sticky-headers-enhanced');34  }35}3637const observer = new MutationObserver(() => enhance());38observer.observe(document.documentElement, { childList: true, subtree: true });39enhance();