Smooth scroll buttons for top and bottom of page
A modern, optimized userscript that adds smooth scroll-to-top and scroll-to-bottom buttons to every webpage.
Install a userscript manager:
Click here to install the userscript or manually copy the code
Two buttons will appear on the right side of your screen when viewing scrollable pages:
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
};
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 are from SVGRepo (CC0 License):
If you encounter any issues or have suggestions, please open an issue on GitHub.
