🎉 欢迎访问GreasyFork镜像站!本站由公众号【爱吃馍】维护。 联系邮箱📮
💡 当前页面为缓存版本 (获取时间: 2025/12/22 16:06:50)。新内容正在后台静默同步中...

Greasy fork 爱吃馍镜像

Greasy Fork is available in English.

GreasyFork Scroll to Bottom Button

Adds a modern dark button to scroll to bottom of the page on GreasyFork

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

安装遇到问题?关注公众号【爱吃馍】获取帮助

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

安装遇到问题?关注公众号【爱吃馍】获取帮助

// ==UserScript==
// @name         GreasyFork Scroll to Bottom Button
// @namespace    https://emree.scroll.button
// @version      1.0
// @description  Adds a modern dark button to scroll to bottom of the page on GreasyFork
// @author       Emree.el on ig
// @match        https://greasyfork.org/*
// @grant        none
// @license   MIT
// ==/UserScript==

(function() {
    'use strict';

    // create button
    const btn = document.createElement('div');
    btn.innerHTML = '↓';
    btn.id = 'scrollToBottomBtn';
    document.body.appendChild(btn);

    // style button
    const style = document.createElement('style');
    style.textContent = `
        #scrollToBottomBtn {
            position: fixed;
            bottom: 20px;
            left: 20px;
            width: 45px;
            height: 45px;
            background: #111;
            color: #fff;
            font-size: 22px;
            font-weight: bold;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 0 12px rgba(0,0,0,0.4);
            transition: all 0.2s ease;
            z-index: 9999;
            user-select: none;
        }

        #scrollToBottomBtn:hover {
            background: #222;
            transform: scale(1.08);
        }
    `;
    document.head.appendChild(style);

    // click event
    btn.addEventListener('click', () => {
        window.scrollTo({
            top: document.body.scrollHeight,
            behavior: 'smooth'
        });
    });
})();