This module adds floating buttons that allow users to easily scroll to the top or bottom of any page. It uses plain JavaScript for smooth scrolling and is designed to be accessible and easy to theme.
Scroll Up Down adds accessible buttons to quickly scroll to the top or bottom of any page. It improves site navigation and user experience with smooth scrolling powered by plain JavaScript (no jQuery).
Features
- Adds two floating buttons: one for scrolling up, one for scrolling down.
- Uses vanilla JavaScript only (no jQuery dependency).
- Fully accessible: proper ARIA labels, keyboard focus, and screen reader support.
- Buttons fade in when the user scrolls down the page, and fade out again near the top.
- Easy theming: icons and styles are defined in CSS, so site builders can override them without editing JavaScript.
- Lightweight and fast — minimal code, no external libraries.
Post-Installation
After enabling the module, the scroll buttons are automatically attached to all pages. You can choose who can view the arrows with a permission.
Additional Requirements
- No dependencies beyond Drupal core.
- Works with all modern browsers that support
window.scrollTo({behavior: 'smooth'}).
Similar projects
- Back To Top: adds only one button for scrolling upwards, relies on jQuery.
- Scroll Up: allows users with appropriate permissions to add and configure "Scroll up" button.
Supporting this Module
If you’d like to support ongoing development, feedback and contributions on the issue queue are welcome!
Ask your assistant about Scroll Up Down
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.