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:
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.
