Scroll Button

Scroll to Bottom Button

Add a button to scroll to the bottom of the website

Verze ze dne 28. 11. 2023. Zobrazit nejnovější verzi.

Zeptejte se na otázku, přidejte recenzi nebo skript nahlašte.

Zabalit linky

// ==UserScript==
// @name         Scroll to Bottom Button
// @name:zh      底部按钮
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Add a button to scroll to the bottom of the website
// @description:zh
// @author       ghzxs
// @match        *://*/*
// @license     MIT
// @grant        none
// @run-at       document-end
// ==/UserScript==

(function() {
    'use strict';

    // Base64-encoded SVG data
    const base64Icon = 'PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imljb24tc20gbS0xIiBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+';

    // Create the button
    const button = document.createElement('button');
    const img = document.createElement('img');
    img.src = `data:image/svg+xml;base64,${base64Icon}`;
    img.alt = 'Scroll to Bottom';
    img.style.width = '16px'; // 设定图标宽度
    img.style.height = '16px'; // 设定图标高度
    button.appendChild(img);

    // Apply styles to the button
    button.style.position = 'fixed';
    button.style.bottom = '14px';
    button.style.right = '14px';
    button.style.zIndex = '9999';
    button.style.backgroundColor = 'none';
    button.style.border = '1px solid none';
    button.style.borderRadius = '50%';
    button.style.padding = '4px';
    button.style.cursor = 'pointer';

    // Add click event listener to scroll to the bottom
    button.addEventListener('click', function() {
        window.scrollTo({
            top: document.body.scrollHeight,
            behavior: 'smooth'
        });
    });

    // Append the button to the body
    document.body.appendChild(button);
})();