您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Make the table header sticky on scroll - 16/12/2024, 00:50:45
当前为
- // ==UserScript==
- // @name Sticky Table Header - runhive.com
- // @namespace Violentmonkey Scripts
- // @match https://runhive.com/tools/pace-chart/*
- // @grant none
- // @version 0.1
- // @description Make the table header sticky on scroll - 16/12/2024, 00:50:45
- // @author SnuB
- // @grant GM_addStyle
- // @license MIT
- // ==/UserScript==
- (function() {
- 'use strict';
- GM_addStyle(`td {font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;`);
- function makeElementsSticky() {
- const thead = document.querySelector('thead');
- const table = document.querySelector('table');
- const navbar = document.querySelector('.navbar');
- if (thead && table && navbar) {
- window.addEventListener('scroll', () => {
- const rows = table.querySelectorAll('tr');
- rows.forEach(row => {
- row.querySelectorAll('td, th').forEach(cell => {
- cell.innerHTML = cell.innerHTML.replace('Half<br>Marathon', 'Half');
- });
- });
- const tableTop = table.offsetTop;
- const navbarTop = navbar.offsetTop;
- thead.classList.toggle('sticky', window.pageYOffset >= tableTop);
- navbar.classList.toggle('sticky', window.pageYOffset >= navbarTop);
- });
- GM_addStyle(`
- thead.sticky {
- position: sticky; top: 16px; color: #fff; z-index: 2; font-size: 12px; text-transform:uppercase;
- }
- .navbar { position: sticky; top: 0;
- }
- `);
- }
- }
- window.addEventListener('load', makeElementsSticky);
- })();