Back To Top
This module adds a "Back to Top" button that appears as you scroll down a page, allowing users to quickly return to the top with a smooth scroll effect. It offers customizable appearance, placement, and behavior options.
Back To Top adds a button that hovers in the bottom of your screen and allow users to smoothly scroll up the page using jQuery.
Drupal 10 and 11 info
Branch 3.x is a rewrite with new javascript and support for Drupal 10 and 11.
- Support Drupal 9, 10 and 11
- Removed dependencies of jquery ui, jquery ui effects (you can uninstall these modules)
- Removed farbtastic
- Use css media query instead of PHP for Prevent on mobile
- Changed default setting for Prevent on mobile to FALSE (you probably want the button on touch devices)
- Cleaned up code
Drupal 9 info
jQuery UI and jQuery UI Effects was deprecated in Drupal 8.8 and removed in Drupal 9. Branch 2.x have a depencency for the contributed modules jQuery UI and jQuery UI Effects. If you want to use Back To Top 8.x with Drupal 9 there are patches for this in this issue.
Settings
There are settings for:
- Choosing between a image och text/css button
- Placement of the button
- Style of the text/css button
- Preventing the button to appear in mobile or touch devices
- Preventing the button to appear in admin
- Speed of scroll
- Trigger point for button visualization
- Text on the button
Theming the button
You can theme or change image by theming on the ID backtotop.
<button id="backtotop" aria-label="Back to Top">Back to Top</button>
You can change the text Back To Top with the translation in Drupal.
Developer
The Back To Top Drupal module is designed and developed by acke (Mattias Axelsson) at Happiness Web Agency.
For news about Back To Top, follow me on X!