About this plugin
Top-Down Scroll adds a scroll to top button to your WordPress site, plus an optional scroll to bottom button, so visitors can jump to either end of a long page in a single click.
Long posts, documentation pages, product listings and endless-scroll archives all leave readers stranded at the bottom of the page. A back to top button fixes that, and this plugin adds one without you touching a single line of code.
Everything is configured on one screen under Appearance → Top-Down Scroll. There is no shortcode to place and no template file to edit: switch a button on and it appears across your whole site.
Why use Top-Down Scroll?
- Two buttons, controlled separately — turn on the scroll to top button, the scroll to bottom button, or both.
- Shows only when it is useful — the top button appears once a visitor has scrolled past 10% of the page, and the bottom button hides as they approach the end, so neither button sits on top of your content when it is not needed.
- Smooth scrolling — clicking a button glides the page to the top or bottom instead of jumping there.
- Use your own icon — pick any image or SVG from your media library, or keep the built-in arrows.
- Match your brand colors — choose a background color and a separate hover color with the built-in color picker.
- Left or right — place the buttons on whichever side suits your layout.
- Adjustable icon size — set the size in pixels to suit your design.
- Shape the button — set the corner radius, inner padding, and an optional border with its own width and color.
- Control the spacing — choose how far the buttons sit from the bottom of the screen and from the side of the page.
- Works with any theme — the buttons are output through wp_footer, so block themes, classic themes and page builders are all supported.
- Translation ready — every piece of interface text can be translated.
How it works
Once activated, the plugin renders a fixed-position button in the corner of your site. As the visitor scrolls, the button appears; clicking it smooth-scrolls the page back to the top. If you also enable the scroll to bottom button, a second button sits beside it and jumps the visitor to the end of the page.
You stay in control of how the buttons look. Upload a custom arrow, a chevron, a logo mark or any icon you like, set its size, and give it a background and hover color that fits your design.