Top and Down Scroll Buttons

Smooth scroll buttons for top and bottom of page

安装此脚本？

提问、发表评价或者举报此脚本。

作者: lunagus
日安装量: 0
总安装量: 3
评分: 0 0 0
版本: 1.1
创建于: 2025-10-04
更新于: 2025-10-04
大小: 8.2 KB
许可证: MIT
适用于: 所有网站

Top and Down Buttons

A modern, optimized userscript that adds smooth scroll-to-top and scroll-to-bottom buttons to every webpage.

Installation

Install a userscript manager:
- Tampermonkey (Chrome, Firefox, Safari, Edge)
- Violentmonkey (Chrome, Firefox, Edge)
- Greasemonkey (Firefox)
Click here to install the userscript or manually copy the code

Usage

Scroll Buttons

Two buttons will appear on the right side of your screen when viewing scrollable pages:

Up Button (bottom-right) - Scrolls to the top of the page
Down Button (top-right) - Scrolls to the bottom of the page

Interactions

Click - Smoothly scrolls to top/bottom with easing animation
Hover - Continuously scrolls while your mouse is over the button
Auto-hide - Buttons disappear when you're already at the top/bottom

Configuration

You can easily customize the script by modifying the CONFIG object:

const CONFIG = {
    speedClick: 500,        // Smooth scroll duration on click (ms)
    speedHover: 100,        // Continuous scroll speed on hover (ms)
    zIndex: 1001,           // Z-index for buttons
    scrollStep: 1,          // Pixels to scroll per interval on hover
    hideThreshold: 0        // Scroll position to show/hide buttons
};

Customization Examples

Faster scrolling on click:

speedClick: 300  // Change from 500 to 300

Slower continuous scrolling:

speedHover: 150  // Change from 100 to 150

Larger scroll steps:

scrollStep: 3    // Change from 1 to 3

Icons

Icons are from SVGRepo (CC0 License):

Support

If you encounter any issues or have suggestions, please open an issue on GitHub.